Icons • From custom SVG to font face - martindubenet/contents GitHub Wiki

1. Design the flower (example) icons in Illustrator: flower.ai
2. Once your done drawing it, from Illustrator menu's : Edit ➥ Save a copy ➥ file type SVG.

3. To minify the code and remove unnecessary markup from Illustrtaor, upload flower.svg to https://jakearchibald.github.io/svgomg/
4. Download the optimized SVG file.
5. Validate that it shows according to your design expectations.
6. Using a code editor, open the file and add class="svg flower" on the <svg> opening tag.

7. Login icomoon.io.
8. Create a new project.
9. In that project, create a new custom icon set.
10. From the contextual menu of that new set, import your custom SVG icons.

Make sure to edit ⚙Preferences BEFORE downloading your generated SVG or Font.

11. From the icomoon app's footer menu, choose either Generate SVG -OR- Generate Font.