Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Keenicons not working


How do I install keenicons on my project using vite?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi Pasha,

Could you please clarify if you are using your own Laravel project or the Metronic Laravel Starter Kit?

If you are using the Metronic Laravel Starter Kit, you don't need to separately install keenicons as they are already integrated into the kit. However, please note that the Vite build tool is not currently available for the Metronic Laravel Starter Kit.

Thanks



I'm using my own Laravel project with the HTML template views



Hi,

To install Keenicons in your Laravel project using Vite, you can follow these steps:

Copy the Keenicons files from the `src/plugins/keenicons` directory of the Keenthemes package.

Import the CSS file and font files in your Vite configuration file in Laravel. The specific files you need to import are:


src/plugins/keenicons/duotone/style.css
src/plugins/keenicons/duotone/fonts/*


Make sure to configure Vite to handle these file imports properly.

Verify that the Keenicons are properly imported and available in your project. You can check the documentation for reference on how to use the Keenicons HTML structure and classes:

Keenicons Documentation

Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(