Metronic Mega Update!Tailwind 4, React 19, Next.js 15, KtUI, ReUI, eCommerce, User Management Apps and more
Explore Update 
How to add my custom SVG icons in angular version
I need to add my custom icons and feel the hover effect and so on .
Replies (3)
what if i need to edit metronic icon just to move the + icon position in the file icon ,
i tried to edit it in illustrator but when i export it as svg or just saving it, it appears in black and gray and no hover effect shows
Please support urgently
thank you
Hi,
What if you drop a screenshot or image of edited icon, so we could make an adjustment and send you a ready SVG?
We usually do changes in Figma and it works well.
Best regards,
Bob
Hi,
Add your svg file into /src/assets/media/{your_svg_name}.svg.
After that you can use it in your HTML like this:
<span [inlineSVG]=""./assets/media/{your_svg_name}.svg""
class="svg-icon {your_custom_css_class}"></span>You also can add your custom CSS class (with hover and etc)
your_custom_css_classRegards,
Keenthemes support
Your Support Matters!
We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.
