@2jsdev/icons v1.0.3

@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

Jordy Morales © 2023