Skip to content

Latest commit

 

History

History
29 lines (20 loc) · 911 Bytes

File metadata and controls

29 lines (20 loc) · 911 Bytes
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

So many icons!

Overview

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

Details

  • Icons filename: images/icons.svg
  • Example icons: social media icons, shopping cart icon, toggle nav hamburger, toggle nav close, icons for cards, etc.

Hand in

Show teacher for marks during next class.