Icons

icon component in a user interface is to enhance the user experience by providing visual cues, aiding navigation, and conveying meaning in a concise and intuitive way. Icons are small graphical representations that symbolize actions, objects, or concepts.

Installation

Terminal
Copy
yarn add '@erudilabs/icons'

Usage

Code Editor
Copy
import { ChevronDown } from '@erudilabs/icons'
Code Editor
Copy
<ChevronDown />

Resize Icon

We can use prop className eg. .w-8 .h-8

Code Editor
Copy
<ChevronDown className="w-8 h-8" />

Color Icon

We can use prop className eg. .text-blue-500, fo the reference you can see foundations colors

Code Editor
Copy
<ChevronDown className="text-blue-500" />

Library Icon

Arrow Up

Arrow Right

Arrow Down

Arrow Left

Chevron Up

Chevron Right

Chevron Down

Chevron Left

Eye

Eye Slash

Briefcase

Document Text

X Mark

X Mark Circle

Magnifying Glass

Trash

Bars 3

Plus

Minus

Sun

Moon

Code Bracket Square

Command Line

Desktop

Info Circle

Exclamation Circle

Exclamation Triangle

Check Circle

Circle Stack





Props Reference

Prop
Type

className

string