💯Part 2 : Animated Icon SET with GSAP

Project template ➡ https://github.com/ewuweblab/animated-icon-set

Challenge 1: Content

• Choose at minimum of 3 icons from https://lucide.dev/

  • Optionally add more icons. Pick an odd number of icons 5, 7, 9, etc.

• Add icons to index.html as SVG elements

• Pick on icon to be the favicon

  • Update/replace the placeholder faviconUse provided Favicons Template on Figma

# Challenge 2: Design

• Ask, how can animation help users better understand or recognize the icons?

  • E.g. download arrow moving down, rain downs falling from a cloud, etc.

• README.md file edited with your-own-content e.g. citations, notes, links, or any relevant information

Challenge 3: Code

• Use the SVG elements using the GSAP library

• README.md file edited with your-own-content e.g. citations, notes, links, or any relevant information

Challenge 4: Process

Project template ➡ https://github.com/ewuweblab/animated-icon-set

• Customize provided project template

  • Project template ➡ https://github.com/ewuweblab/animated-icon-set

• Version Control is used with multiple commits, over multiple days

• Project is stored on GitHub

• Project is deployed via Netlify

  • Add a deployment link to your repo

• Add deployment URL to About section -> Website field

• README.md file edited with your-own-content e.g. citations, notes, links, or any relevant information

Challenge 5: Deployment

• Provide URL to your project repo stored on GitHub

  • Example: https://github.com/YourUserName/RepoName

• Provide URL to your project website deployed via Netflify

  • Example: https://YourAppName.netlify.com