https://github.com/FigFoundry/figma-icons
Figma UI3 icons
https://github.com/FigFoundry/figma-icons
figma icons new optimized react svg svg-icons ui3 vue
Last synced: about 2 months ago
JSON representation
Figma UI3 icons
- Host: GitHub
- URL: https://github.com/FigFoundry/figma-icons
- Owner: planetabhi
- License: mit
- Created: 2025-04-10T19:48:21.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-04-30T19:50:51.000Z (10 months ago)
- Last Synced: 2025-05-30T08:50:41.499Z (9 months ago)
- Topics: figma, icons, new, optimized, react, svg, svg-icons, ui3, vue
- Language: TypeScript
- Homepage: https://3icons.pages.dev/
- Size: 2.27 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# UI3 Icons
Welcome to UI3 Icons! This project offers a comprehensive set of **polished, cleaned up, and optimized UI3 icons**. These icons are meticulously **built using base shapes sourced from the UI3 community file provided by Figma**, ensuring high quality and consistency.
Whether you need standalone SVGs or framework-specific components, UI3 Icons provides flexible options to integrate beautiful icons into your projects.
## Usage
You can use UI3 icons in your project in three primary ways:
### 1. Standalone SVG Icons (`@ui3/icons`)
This package provides individual, optimized SVG files. This is an excellent option if you need full control over the SVG assets, are working in an environment without a specific JavaScript framework, or prefer to manage your assets directly.
**Installation:**
```bash
npm install @ui3/icons
```
**Learn more and see all available icons:** [**`@ui3/icons` README**](./packages/icons/README.md)
### 2. React Components (`@ui3/react`)
For React applications, we offer a set of ready-to-use components. Each icon is wrapped in a React component for easy integration, allowing you to import and use them just like any other React component.
**Installation:**
```bash
npm install @ui3/react
```
**Learn more about usage and props:** [**`@ui3/react` README**](./packages/react/README.md)
### 3. Vue Components (`@ui3/vue`)
If you're using Vue.js (version 3 or later), you can use our dedicated Vue components for seamless integration. These components are designed to work perfectly within the Vue ecosystem.
**Installation:**
```bash
npm install @ui3/vue
```
**Learn more about usage and props:** [**`@ui3/vue` README**](./packages/vue/README.md)
## Contributing
We welcome contributions! Please feel free to submit issues or pull requests. For major changes, please open an issue first to discuss what you would like to change. Your help is appreciated in making UI3 Icons even better.
## License
UI3 Icons is [MIT licensed](./LICENSE.txt).