https://github.com/composablehorizons/composeicons
Find icons for your next Compose project
https://github.com/composablehorizons/composeicons
compose-multiplatform icons jetpack-compose svg-icons
Last synced: 27 days ago
JSON representation
Find icons for your next Compose project
- Host: GitHub
- URL: https://github.com/composablehorizons/composeicons
- Owner: composablehorizons
- License: mit
- Created: 2024-08-15T13:31:16.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-12-18T04:31:09.000Z (5 months ago)
- Last Synced: 2025-04-09T16:11:47.774Z (27 days ago)
- Topics: compose-multiplatform, icons, jetpack-compose, svg-icons
- Language: Shell
- Homepage: https://composeicons.com/
- Size: 159 KB
- Stars: 108
- Watchers: 1
- Forks: 2
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
We've converted the Internet's most popular icon libraries to Jetpack Compose Image Vectors, so you'll never run out of icons to use in your Compose apps.
## Basic Usage
### For Designers
Head over to [composeicons.com](https://composeicons.com), find an icon you need an click on
the `Copy SVG` button. Then go to any design tool of your choice such as Figma and paste the icon (`⌘ + V`) in your project.
### For Developers
Head over to [composeicons.com](https://composeicons.com), find the icon you need and click the `Copy Compose` button.
It will add the Jetpack Compose Image Vector to your clipboard. Then paste the vector into your project and use it.
Use it in your project using the `Image()` composable:
```kotlin
import Check // your new icon
Image(Check, contentDescription = null)
```
Alternatively, use the `Icon()` composable from [Composables Core](https://composablescore.com) that supports tinting:
```kotlin
import Check // your new icon
Icon(Check, contentDescription = null, tint = Color.Blue)
```
## Icon Libraries
Instead of adding individual icons to your project, you can add an all icons in a library instead.
To add them to your project, visit the respective icon library section:
- [Lucide Compose](icons-lucide/)
## License
Each icon has a license of the respective icon library. To view each license, find the icon library
at [ComposeIcons.com](https://composeicons.com)
## Contributing
We are currently accepting contributions in the form of bug reports and feature & icons requests, in the form of Github issues.