Skip to content

Custom Icon Generation Workflow

Jump to bottom
Samir Akre edited this page Dec 10, 2018 · 3 revisions

Samir's Workflow for Creating Custom Font Icons

  1. Create a 200px by 200px artboard in Adobe Illustrator
  2. Draw Icon and export artboard as SVG (make sure only one color -- white counts as a color but transparent does not)
  3. Upload all icons to IcoMoon
  4. Download and unzip the resultant zipped file
  5. Copy contents of the fonts folder (icomoon.eot, icomoon.woff, icomoon.svg, icomoon.tff) and place them in the src/assets/fonts folder overwriting the previous file.
  • Make sure you upload ALL custom icons to icomoon so that previously created icons are still accessible

Feedback and comments? Please reach out to us at [email protected]

Clone this wiki locally