| summary | time | deliverables |
|---|---|---|
Create the icons sprite sheet for your eCommerce website and have it show up in the pattern library. |
1 hour |
Pattern library |
- Continue work on your
ecommerce-pattern-library - Create an Adobe Illustrator document with every icon on a separate artboard.
- Export the icons as SVGs, following our standard export procedure.
- Drop all the icons into Spritebot and save them as a single sprite sheet.
- Put the sprite sheet in your
imagesfolder named exactlyicons.svg—Patternbot will do everything else. - Your logo is not an icon—it’s already done, inside the
logo.svgfiles.
- Icons filename:
images/icons.svg - Example icons: social media icons, shopping cart icon, toggle nav hamburger, toggle nav close, icons for cards, etc.
Show teacher for marks during next class.