DEV Community

Discussion on: Icon systems for the web - an in-depth guide

pozda profile image
Ivan Pozderac

I am heavily leaned towards inline svg, didn't use other aproaches much lately.

I also like to optimize svg with svgomg and remove unnecessary stuff.

If icons are single colored, svg path d of every icon can be stored in single object and then exported.

This is my favorite way of handling Icons. Just

<Icon d={Icons.EDIT} />

is enough!

adrianbdesigns profile image
Adrian Bece Author

Hi Ivan, thanks for sharing your approach. Frameworks like React and Vue really improved the maintainability and flexibility of icon systems. I also handle Icons in the same way on my React projects.