Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI
Light
Dark
System
Ask  Question

SVG icons not showing up (Metronic)


I bought a metronic theme,

I followed the laravel instructions to build the application.

Everything is working fine except that the svg icons are not working.

I tried looking for a fix on my own but i'm not getting anywhere.


user
Ali Silarbi 2 years ago
Metronic Laravel
3 Answers
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)

user
Faizal Author2 years ago

Hi Ali Silarbi,

Please try to run the build command with the demo flag.


npm run dev --demo3


By right, the icons should appear in this folder.

/public/demo3/media/svg/*

Thanks


user
Ali Silarbi 2 years ago

Hello,

Excuse me for my late reply,

You should know that i'm using the demo3

After i ran "npm run dev" I got demo 1 folder under <a>/public/demo1/</a> and i got the icons again, but knowing that i don't need the demo1 i deleted the folder. Upon deleting the folder i lost the icons again.

How can i fix that ?


user
Faizal Author2 years ago

Hi Ali,

When you run the command "npm run dev". Do you see any errors?

Could you please verify the assets folder here if it exists?
/public/demo1/media/svg/*

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  :(