elementa-icons
v1.51.0
Published
Elementa icons library.
Maintainers
Readme
Elementa is a free and open-source icon library with over 200 icons. In a world, where every second day we have a new icon library, Elementa tries to provide a unique flavor to its design ideology which is fun, playful, and on-point.
Elementa is open to be used in personal and commercial projects, be it digital or non-digital enabling developers and designers to create beautiful apps and end-user experience rather than a new icon library.
NOTE: Please support active development of Elementa icon library by sponsoring us. Please visit https://elementa.dev/donate
✨ Key Features:
- Extensive Collection: Hundreds of meticulously crafted icons covering a wide range of categories.
- Fully Customizable: Easily adjust size, color, stroke width, and more to match your brand.
- React-Friendly: Seamless integration with your React projects. More framework support soon to come.
- Optimized for Performance: Lightweight SVG files ensure fast loading times.
- Open Source: Free to use and contribute to!
🚀 Get Started
Installation
npm install elementa-icons
# or
yarn add elementa-icons
import { MyIcon } from 'elementa-icons';
function MyComponent() {
return <MyIcon color="#007BFF" size="24px" />;
}🛠️ Customization
Elementa Icons are designed to be highly customizable. You can modify the following properties:
- color: The fill color of the icon.
- size: The width and height of the icon.
- strokeWidth: The thickness of the icon's stroke.
Example:
<MyIcon color="#FF0000" size="32px" strokeWidth="2" />➕ Contributing
We welcome contributions! Please see our CONTRIBUTING.md for guidelines on how to add new icons or improve existing ones.
📜 License
This project is licensed under the MIT License - see the LICENSE file for details.
🛣️ Future Roadmap
- Vue support.
- Solid support.
- Svelte support.
- Figma plugin.
- Figma community file for all icons.
