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
images
folder named exactlyicons.svg
—Patternbot will do everything else. - Your logo is not an icon—it’s already done, inside the
logo.svg
files.
- 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.