> For the complete documentation index, see [llms.txt](https://affine.gitbook.io/affine/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://affine.gitbook.io/affine/developer-docs/contributions/icons.md).

# Icons

## Resources

> Abundant and colorful icon resource for free use

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

Figma: [Figma AFFiNE Icons](https://www.figma.com/file/7pyx5gMz6CN0qSRADmScQ7/AFFINE?node-id=665%3A1734)

## 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.