How To Add Icons

1. Go to Streamline Icons, and sign in
2. Search for the icon(s) you need
3. Select icon and click download (as SVG) - leave it in the default color
4. Go to Icomoon
5. Deselect any preselected icomoon icons
6. Import previous configuration
   • Click Import Icons
   • Navigate to {project}/src/frontend/fonts/icons/
   • Select selections.json
7. Upload new icons
   • Click Import Icons
   • Navigate to your newly downloaded icons
   • Upload
   • Select the new icons (they should have an orange border to indicate they are selected)
8. At the bottom of the of the page, click 'Generate Font'
9. Update the new icon names (this will become the class names for the icons)
10. At the bottom of the page, click Download
11. Uncompress icomoon.zip
12. Open icomoon/style.css
    • Copy ALL of the pseudo element codes from the bottom of the sheet
      • ex. .icon-arrow-up:before { content: "\e904"; }
    • Paste these values over the existing values in {project}/src/scss/components/_icons.scss
13. Copy the new font files from icomoon/fonts/
    • Paste them over the existing font files in {project}/src/frontend/fonts/icons/
14. Replace the selection.json file with the new configuration
    • Copy the icomoon/selection.json file
    • Paste it over the old config in {project}/src/frontend/fonts/icons/selection.json