The latest articles on DEV Community by Alexandre Borel (@pandazaur). https://dev.to/pandazaur https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F227151%2Fa3b62b80-0fb4-41b2-b281-4f4cc93159c5.jpeg https://dev.to/pandazaur en Alexandre Borel Fri, 27 Mar 2020 16:35:17 +0000 https://dev.to/pandazaur/what-are-your-best-solutions-to-integrate-your-svg-icons-in-your-web-app-59h7 https://dev.to/pandazaur/what-are-your-best-solutions-to-integrate-your-svg-icons-in-your-web-app-59h7 <p>Hello,</p> <p>I'm developing a web app and there is something I can't manage very well: it's SVG icons management !</p> <p>Let me explain, I'm working with a Designer who creates SVG icons for the website, and I don't know how to manage them correctly and I would like to know which solution do you use everyday to manage them.</p> <p>I know there are tools like Icomoon, but I don't want to regenerate a font everytime we add a new SVG to our icon library. I would like to use my svg icons easily and be able to customize them (fill color, size, ...) that's why I can't use a <code>&lt;img src="my-svg"/&gt;</code>.</p> <p>Actually, I'm using Vue.js to build my web app and when I have a new icon, I create a new Vue component which is a copy of the SVG icon and I add some props like: color, width, height ... but I'm pretty sure there's a better way to handle my problem.</p> <p>Do you have any suggestion of tools I could use to better manage my SVG icons ?</p> webdev icon svg