Skip to content

Custom Icon Generation Workflow

Jump to bottom
Samir Akre edited this page Dec 10, 2018 · 3 revisions
  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) Export as SVG in Adobe Illustrator CC
  3. Upload all icons to IcoMoon Select/Upload all icon SVG files
  4. Download and unzip the resultant zipped file Download font
  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. Move font files from icomoon.zip to src/assets/fonts
  • 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 motrpac-helpdesk@lists.stanford.edu

Clone this wiki locally