OLD - AFFiNE Docs
  • ⚠️
  • ⚠️ This website is inactive
  • ⚠️ For reference only
  • ⚠️ Please use our community site
  • ⚠️ community.affine.pro
  • ⚠️
  • Welcome
    • Welcome to the AFFiNE Docs!
  • Getting Started
    • 🎉Welcome
    • 🆒Install AFFiNE with Docker
    • 💻Deploy AFFiNE to Vercel
    • 🌟How to Get Help
  • Developer Docs
    • 🎉Welcome
    • 🌳Setup
    • 🗂️Working with our code
    • 🖥️Contributions
      • ☘️Writing CSS in AFFiNE
      • 💐Adding UI Components
        • 📐Customize rollup config
      • 🌱Icons
      • 🌐Internationalization
    • 🔭Architecture
      • 🎼CodeMap
      • 💫Editor (Virgo)
      • 🦄Whiteboard (Phasor)
      • 💎Collaboration (OctoBase)
    • 📚Glossary
    • 📒AFFiNE Mentorship Program
  • Internationalization
    • 🎉Welcome
    • 📋Apply
    • 📘Operation Guide
    • 📝Contributors
  • AFFiNE Ambassadors
    • 🎉Welcome
    • ✔️Requirements
    • 🎁Benefits
    • 📋Apply
    • ❓FAQ
    • 📚Branding resources
    • 📝Best practices
    • 📑Resources
  • Branding Resources
    • 🎉Welcome
    • Logo (icon)
    • Logo (text)
    • Logo (3D)
    • Tagline banners
    • Colors
  • Community Links
    • 📢AFFiNE Community
    • 🗣️Official Communities
    • 📗Community Resources
Powered by GitBook
On this page
  • Resources
  • How to update

Was this helpful?

  1. Developer Docs
  2. Contributions

Icons

PreviousCustomize rollup configNextInternationalization

Last updated 2 years ago

Was this helpful?

Resources

Abundant and colorful icon resource for free use

Website: http://localhost:4200/tools/icons

Figma:

How to update

Create or edit the .env.local file in the project root directory, add FIGMA_TOKEN, you can refer to Generate ACCESS_TOKEN: https://www.figma.com/developers/api#access-tokens

FIGMA_TOKEN=your-figma-token

Execute the command nx run components-icons:figmaRes to synchronize figma resources

figma icon resource address: https://www.figma.com/file/7pyx5gMz6CN0qSRADmScQ7/AFFINE?node-id=665%3A1734

Icon Supplementary Style

Some icons downloaded directly have incorrect styles. You can add supplementary styles in tools/executors/figmaRes/patch-styles.js. The key is the name of the icon kebab-case.

🖥️
🌱
Figma AFFiNE Icons