Front-End
Adding Vector Icons to Web Projects
These are the steps of how to add vector icons correctly to a web project assumed that the project is utilizing SVG sprite.
Get vector icons from the design team
Minify SVG code
You can use SVGO SVG optimizer.
Import the vector icon(s) to IcoMoon
If there is icomoon project, you should create new project on IcoMoon or just simply import icon to the existing project.
Place the icon to the grid on IcoMoon
You should use the grid provided by the design team. Vector icons should be within the correct grid. Otherwise, ask the designer to place the icons correctly in a grid.
Select all icons and press the "Generate SVG & More" button on IcoMoon
Press the download button to get the SVG icons
If the icoMoon project settings are not defined, press the settings icon on the right of the download button to configure the project settings.
Import SVG icons to project's icons folders
Download the IcoMoon project settings file and copy it to the folder of Icon component