@2jsdev/icons 🚀

A React SVG icon component library.

Installation

To install this library, use the following command:

npm install @2jsdev/icons

Usage

The @2jsdev/icons library provides a wide array of SVG icon components for React. Below is an example of how to import and use an icon:

import { Achievements, Alert, Analytics, ArrowDown, ... } from '@2jsdev/icons';

function MyComponent() {
    return (
        <div>
            <Achievements />
            <Alert />
            <Analytics />
            <ArrowDown />
            // ... and so on for other icons
        </div>
    );
}

Replace the icon names in the example with the ones you wish to use in your component.

Available Icons

The @2jsdev/icons library offers a diverse collection of icons suitable for different applications. Below are some of the available icons, categorized by their potential use cases:

Navigation

ArrowDown
ArrowUp
ArrowRight
ArrowLeft
ChevronDown
ChevronLeft
ChevronRight
ChevronUp
Actions
Alert
Check
Close
Edit
Reload
Search
Send
Settings
Social
Dribbble
Figma
Sketch

Files & Media

FileAudio
FileCode
FileJpg
FilePng
FileSvg
FileVideo
Camera
Play
Pause
VolumePlus
VolumeMinus

Commerce & Shopping

Basket
ShoppingBag
ShoppingCart
Shop
Gift
CreditCard

User Interface Elements

HamburgerMenu
KebabMenu
BentoMenu
Bookmark
Bell
Calendar
Dashboard
Comments
Tag
Tags

... and many more. Explore the library to find the perfect icons for your projects!

Credits

The SVGs used in this library were created by KEYICONS. All rights and credits go to them.

Scripts

build: Use npm run build to compile the components optimized for production.
svgr: Execute npm run svgr to convert SVGs into React components.

Issues

If you come across any issues or have suggestions, please create an issue.

License

MIT