Skip to content

Create the icons sprite sheet for your eCommerce website and have it show up in the pattern library.

Notifications You must be signed in to change notification settings

ltw-webdev-4/so-many-icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

Create the icons sprite sheet for your eCommerce website and have it show up in the pattern library.

Resources

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published