PromucFlow_constructor/app/client/packages/icons
vadim e4eb4e729d
chore: Added empty state illustration to custom icons set in icons package (#39550)
## Description

Added asset to the package

## Automation

/ok-to-test tags="@tag.Sanity"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!IMPORTANT]
> 🟣 🟣 🟣 Your tests are running.
> Tests running at:
<https://github.com/appsmithorg/appsmith/actions/runs/13653262823>
> Commit: 58f39a77a7cdede5c73d6c4435235b6bdc8c1396
> Workflow: `PR Automation test suite`
> Tags: `@tag.Sanity`
> Spec: ``
> <hr>Tue, 04 Mar 2025 12:04:07 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [x] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **New Features**
- Introduced a new customizable empty state SVG icon that adds visual
variety to the icons library.
- **Documentation**
- Updated the icon showcase to include the new icon, enhancing user
reference and demonstration.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2025-03-04 12:42:35 +00:00
..
src chore: Added empty state illustration to custom icons set in icons package (#39550) 2025-03-04 12:42:35 +00:00
.env.example
.eslintrc.json
.gitignore
.prettierignore
figmagic.json
package.json chore: chore: add SVGR to appsmith-icon package, add processing for custom icons, update date-fns (#37115) 2024-10-28 14:55:42 +03:00
README.md
tsconfig.json chore: Input morphing (#35845) 2024-08-27 12:15:45 +05:30

Appsmith Icons

We automatically import icons from Figma, optimise and prepare some of them for further use in the main app.

NOTE: All files in folders are created automatically. Do not change them manually, after running generation scripts, the changes will be lost. To make changes, see the files in the utils folder.

How to use?

To update the icons, you only need to run the generate-icons script — yarn run build.

To make everything work right, you just need to set Figma token (press Get personal access token) in the .env file. It's easy to create .env file, just copy .env.example.

import { ButtonIcon } from "appsmith-icons";

<ButtonIcon />

Used packages

  • Figmagic — provides an interface for importing graphics from Figma.
  • SVGO — optimizes SVG