Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Keenicons not working


How do I install keenicons on my project using vite?


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

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


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


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(