How to Use Our Icons

Accessing the Icon Library

• Find our icons in the Figma team workspace

  → https://www.figma.com/design/YuRDk91XjnCcQ126oBGSAX/❇️-Icons?node-id=12356-26636&t=BydIopgP8SeVd8Od-1

Working with Icons

Changing Colors

• Select the icon you want to export or modify
  • See screenshot
• Duplicate it anywhere in the canvas
  • See screenshot
• Use the color picker under Selection Color in the right sidebar
  • See screenshot
• Choose your color from our library (shade 500 is usually the one you're looking for!)

Resizing Icons

• Use the scale tool to resize your icon

  Hit K on your keyboard or find it in the toolbar

  • See screenshot

• When finished, switch back to the selection tool

  Hit V on your keyboard or find it in the toolbar

  • See screenshot

Downloading Icons

Export Settings

• Choose the file format that best suits your needs .png or .svg
• If needed, you can export the icon at 2x, 3x, or larger sizes
  • See screenshot

Delete the Icon

<aside> ⚠️

Once finished, delete your duplicated icon to keep the canvas clean

</aside>

Best Practices

• Use SVG format for all web projects