@zethictech/iconsax-react

Iconsax Icon Component Package for React

A comprehensive React icon library featuring 1,000+ icons in 6 different styles (Linear, Outline, TwoTone, Bulk, Broken, Bold) for a total of 6,000+ icon variants. Perfectly balanced and designed on a 24px grid system.

📦 Installation

This package is published to npm (npmjs.org).

Install the Package

# Using npm
npm install @zethictech/iconsax-react

# Using yarn
yarn add @zethictech/iconsax-react

🚀 Usage

Basic Import and Usage

import React from 'react';
import { EmojiHappy, Home, Search, User } from '@zethictech/iconsax-react';

function App() {
  return (
    <div>
      <EmojiHappy />
      <Home />
      <Search />
      <User />
    </div>
  );
}

With Props Configuration

import { EmojiHappy, Home } from '@zethictech/iconsax-react';

function MyComponent() {
  return (
    <div>
      {/* Custom color and size */}
      <EmojiHappy color="#ff6b6b" size={32} />

      {/* Different variant */}
      <Home variant="Bulk" color="#4ecdc4" size="48" />

      {/* Using CSS currentColor */}
      <EmojiHappy size={24} style={{ color: 'blue' }} />
    </div>
  );
}

Available Props

| Prop | Type | Default | Description | | --------- | -------------------------------------------------------------------- | -------------- | ------------------ | | color | string | currentColor | CSS color value | | size | number \| string | 24 | Icon size (px) | | variant | 'Linear' \| 'Outline' \| 'TwoTone' \| 'Bulk' \| 'Broken' \| 'Bold' | 'Linear' | Icon style variant |

Icon Variants

• Linear: Simple line icons
• Outline: Outlined style icons
• TwoTone: Two-color filled icons
• Bulk: Filled icons with transparency
• Broken: Broken line style icons
• Bold: Thick line weight icons

📋 Available Icons

Archive (12 icons)

ArchiveAdd, ArchiveMinus, ArchiveSlash, ArchiveTick, Archive, BookSaved, BookSquare, ReceiptSquare, Save2, SaveAdd, SaveMinus, SaveRemove

Arrow (65 icons)

ArrangeHorizontalCircle, ArrangeHorizontalSquare, ArrangeHorizontal, ArrangeVerticalCircle, ArrangeVerticalSquare, ArrangeVertical, ArrowCircleDown2, ArrowCircleDown, ArrowCircleLeft2, ArrowCircleLeft, ArrowCircleRight2, ArrowCircleRight, ArrowCircleUp2, ArrowCircleUp, ArrowDown2, ArrowDown3, ArrowDown, ArrowForwardSquare, ArrowForward, ArrowLeft2, ArrowLeft3, ArrowLeft, ArrowRight2, ArrowRight3, ArrowRight, ArrowRotateLeft, ArrowRotateRight, ArrowSquareDown, ArrowSquareLeft, ArrowSquareRight, ArrowSquareUp, ArrowSwapHorizontal, ArrowSwapVertical, ArrowUp2, ArrowUp3, ArrowUp, BackSquare, Back, Convert, ExportCircle, ExportCurve, ExportSquare, Export, ImportCircle, ImportCurve, ImportSquare, Import, LoginCurve, Login, LogoutCurve, Logout, ReceiveSquare2, ReceiveSquare, Receive, Refresh2, RefreshCircle, RefreshLeftSquare, RefreshRightSquare, RefreshSquare, Refresh, RepeatCircle, Repeat, TransmitSqaure2, TransmitSquare, Transmit

Astrology (6 icons)

Aquarius, Gemini2, Gemini, Man, Sagittarius, Woman

Building (11 icons)

Bank, Building3, Building4, Building, Buildings2, Buildings, Buliding, Courthouse, Hospital, House2, House

Business (20 icons)

Activity, Chart1, Chart2, Chart21, ChartFail, ChartSuccess, Chart, Diagram, FavoriteChart, Graph, HashtagSquare, Health, HomeHashtag, HomeTrendDown, HomeTrendUp, Personalcard, PresentionChart, StatusUp, TrendDown, TrendUp

Call (9 icons)

CallAdd, CallCalling, CallIncoming, CallMinus, CallOutgoing, CallReceived, CallRemove, CallSlash, Call

Car (8 icons)

AirplaneSquare, Airplane, Bus, Car, Driving, GasStation, Ship, SmartCar

Computers, Devices, Electronics (48 icons)

Airdrop, Airpod, Airpods, Bluetooth2, BluetoothCircle, BluetoothRectangle, Bluetooth, CloudAdd, CloudChange, CloudConnection, CloudRemove, CpuCharge, CpuSetting, Cpu, Devices, Driver2, DriverRefresh, Driver, Electricity, ExternalDrive, FolderConnection, Game, Gameboy, Headphone, Headphones, KeyboardOpen, Keyboard, Microscope, MirroringScreen, Mobile, MonitorMobbile, MonitorRecorder, Monitor, Mouse, MusicPlay, PrinterSlash, Printer, Ram2, Ram, Simcard1, Simcard2, Simcard, Speaker, TableLamp, WatchStatus, Watch, WeightMeter, WristClock

Content-Edit (35 icons)

ArchiveBook, Bill, ClipboardClose, ClipboardExport, ClipboardImport, ClipboardText, ClipboardTick, Copyright, CreativeCommons, DocumentCloud, DocumentCopy, DocumentDownload, DocumentFavorite, DocumentFilter, DocumentForward, DocumentLike, DocumentPrevious, DocumentSketch, DocumentText1, DocumentText, DocumentUpload, Document, Edit2, Edit, MenuBoard, Note1, NoteAdd, NoteFavorite, NoteRemove, NoteText, Note, Stickynote, TaskSquare, Task

Crypto, Company (100 icons)

Aave, Android, Ankr, Apple, Augur, Autonio, Avalanche, Be, BinanceCoin, BinanceUsd, Bitcoin, Blogger, Bootstrap, Cardano, Celo, Celsius, Chainlink, Civic, Dai, Dash, Decred, Dent, Dribbble, Dropbox, Educare, Emercoin, EnjinCoin, Eos, EthereumClassic, Ethereum, Facebook, Figma1, Figma, Framer, FtxToken, GoogleDrive, GooglePlay, Google, Harmony, HederaHashgraph, Hex, Html3, Html5, HuobiToken, Icon, Illustrator, Iost, JavaScript, Js, KyberNetwork, Litecoin, Maker, Messenger, Monero, Nebulas, Nem, Nexo, OceanProtocol, Okb, Okru, Ontology, Paypal, Photoshop, Polkadot, Polygon, Polyswarm, Python, Quant, Shutterstock, Siacoin, Slack, Snapchat, Solana, Spotify, Stacks, Stellar, Tenx, Tether, TheGraph, Theta, Thorchain, Trello, TriangleLogo, Trontron, Twitch, Ui8, UsdCoin, Velas, Vibe, Wanchain1, Wanchain, Whatsapp, Windows, Wing, Xd, Xiaomi, Xrp, Youtube, Zel, Zoom

Crypto, Currency (6 icons)

BitcoinCard, BitcoinConvert, BitcoinRefresh, BuyCrypto, CardCoin, Trade

Delivery (16 icons)

I3DCubeScan, I3DRotate, I3DSquare, Box1, BoxAdd, BoxRemove, BoxSearch, BoxTick, BoxTime, Box, Convert3DCube, TruckFast, TruckRemove, TruckTick, TruckTime, Truck

Design, Tools (49 icons)

Additem, BackwardItem, Bezier, Blend2, Blend, Blur, Brush2, Brush3, BrushBig, BrushSquare, Brush, BucketCircle, BucketSquare, Bucket, ChemicalGlass, ColorSwatch, Colorfilter, ColorsSquare, Component, CopySuccess, Copy, Designtools, Eraser, ForwardItem, Layer, Lifebuoy, Magicpen, MainComponent, MaskLeft, MaskRight, Mask, OmegaCircle, OmegaSquare, Paintbucket, PathTool2, PathToolSquare, PathTool, PenAdd, PenClose, PenRemove, PenTool2, PenTool, RecoveryConvert, RulerPen, Ruler, Scissor, Shapes1, Shapes, Size

Emails, Messages (36 icons)

DeviceMessage, DirectInbox, DirectNormal, DirectNotification, DirectSend, Direct, DirectboxDefault, DirectboxNotif, DirectboxReceive, DirectboxSend, Message2, MessageAdd1, MessageAdd, MessageCircle, MessageEdit, MessageFavorite, MessageMinus, MessageNotif, MessageRemove, MessageSearch, MessageSquare, MessageText1, MessageText, MessageTick, MessageTime, Message, Messages1, Messages2, Messages3, Messages, SmsEdit, SmsNotification, SmsSearch, SmsStar, SmsTracking, Sms

Essential (100 icons)

I3Dcube, AddCircle, AddSquare, Add, ArchiveBox, Autobrightness, BatteryCharging, BatteryDisable, BatteryEmpty1, BatteryEmpty, BatteryFull, Box2, Broom, Bubble, Cake, Cd, ChartCircle, Chrome, CloseCircle, CloseSquare, Coffee, Computing, Crown1, Crown, Cup, Danger, Diamonds, Discover, EmojiHappy, EmojiNormal, EmojiSad, FilterAdd, FilterEdit, FilterRemove, FilterSearch, FilterSquare, FilterTick, Filter, Flag2, Flag, FlashCircle, FlashSlash, Flash, Forbidden2, Forbidden, Ghost, Glass, Grammerly, HamburgerMenu, Happyemoji, Home2, Home3, HomeWifi, Home, InfoCircle, Information, Instagram, Judge, Lamp, Level, Milk, MinusCirlce, MinusSquare, Minus, Mirror, MoreCircle, MoreSquare, MouseCircle, MouseSquare, Pet, Pointer, Rank, Reserve, SafeHome, Send2, Send, Share, Signpost, Slash, Slider, SmartHome, Sort, Sound, Speedometer, Status, Sticker, Story, TagCross, TagRight, TickCircle, TickSquare, Trash, Tree, Triangle, TrushSquare, Verify, Warning2, Weight, WifiSquare, Wifi

Files (8 icons)

Folder2, FolderAdd, FolderCloud, FolderCross, FolderFavorite, FolderMinus, FolderOpen, Folder

Grid (45 icons)

I3Square, AlignBottom, AlignHorizontally, AlignLeft, AlignRight, AlignTop, AlignVertically, Convertshape2, Convertshape, Crop, Element2, Element3, Element4, ElementEqual, ElementPlus, Element, Fatrows, FormatCircle, FormatSquare, Grid1, Grid2, Grid3, Grid4, Grid5, Grid6, Grid7, Grid8, Grid9, GridEdit, GridEraser, GridLock, Kanban, Maximize1, Maximize2, Maximize3, Maximize4, Maximize, RotateLeft, RotateRight, RowHorizontal, RowVertical, SliderHorizontal1, SliderHorizontal, SliderVertical1, SliderVertical

Location (27 icons)

ArrowSquare, Arrow, DirectDown, DirectLeft, DirectRight, DirectUp, GlobalEdit, GlobalRefresh, GlobalSearch, Global, GpsSlash, Gps, LocationAdd, LocationCross, LocationDiscover, LocationMinus, LocationSlash, LocationTick, Location, Map1, Map, PictureFrame, Radar2, Radar, RouteSquare, Routing2, Routing

Money (78 icons)

CardAdd, CardEdit, CardPos, CardReceive, CardRemove1, CardRemove, CardSend, CardSlash, CardTick1, CardTick, Card, Cards, ChartSquare, Coin1, Coin, ConvertCard, DiscountCircle, DiscountShape, DollarCircle, DollarSquare, EmptyWalletAdd, EmptyWalletChange, EmptyWalletRemove, EmptyWalletTick, EmptyWalletTime, EmptyWallet, Math, Money2, Money3, Money4, MoneyAdd, MoneyArchive, MoneyChange, MoneyForbidden, MoneyRecive, MoneyRemove, MoneySend, MoneyTick, MoneyTime, Money, Moneys, PercentageCircle, PercentageSquare, Receipt1, Receipt21, Receipt2, ReceiptAdd, ReceiptDiscount, ReceiptDisscount, ReceiptEdit, ReceiptItem, ReceiptMinus, ReceiptSearch, ReceiptText, Receipt, SecurityCard, Strongbox2, Strongbox, TableDocument, Tag2, Tag, Ticket2, TicketDiscount, TicketExpired, TicketStar, Ticket, TransactionMinus, Wallet1, Wallet2, Wallet3, WalletAdd1, WalletAdd, WalletCheck, WalletMinus, WalletMoney, WalletRemove, WalletSearch, Wallet

Notifications (9 icons)

LampCharge, LampOn, LampSlash, Notification1, NotificationBing, NotificationCircle, NotificationFavorite, NotificationStatus, Notification

Programming (27 icons)

Code1, CodeCircle, Code, CommandSquare, Command, Data2, Data, DocumentCode2, DocumentCode, HashtagDown, HashtagUp, Hashtag, Hierarchy2, Hierarchy3, HierarchySquare2, HierarchySquare3, HierarchySquare, Hierarchy, MessageProgramming, MobileProgramming, ProgrammingArrow, ProgrammingArrows, Scroll, SidebarBottom, SidebarLeft, SidebarRight, SidebarTop

School, Learning (15 icons)

Award, Book1, Book, Bookmark2, Bookmark, Briefcase, BrifecaseCross, BrifecaseTick, BrifecaseTimer, Calculator, Clipboard, Gift, Notepad2, Notepad, Teacher

Search (10 icons)

SearchFavorite1, SearchFavorite, SearchNormal1, SearchNormal, SearchStatus1, SearchStatus, SearchZoomIn1, SearchZoomIn, SearchZoomOut1, SearchZoomOut

Security (28 icons)

Alarm, Brodcast, Check, EyeSlash, Eye, FingerCricle, FingerScan, KeySquare, Key, Lock1, LockCircle, LockSlash, Lock, PasswordCheck, ScanBarcode, Scan, Scanner, Scanning, SecuritySafe, SecurityUser, Security, ShieldCross, ShieldSearch, ShieldSecurity, ShieldSlash, ShieldTick, Shield, Unlock

Settings (17 icons)

Candle2, Candle, Category2, Category, Menu, More2, More, Setting2, Setting3, Setting4, Setting5, Setting, Settings, ToggleOffCircle, ToggleOff, ToggleOnCircle, ToggleOn

Shop (14 icons)

Bag2, BagCross1, BagCross, BagHappy, BagTick2, BagTick, BagTimer, Bag, Barcode, ShopAdd, ShopRemove, Shop, ShoppingBag, ShoppingCart

Support, Like, Question (26 icons)

I24Support, Dislike, HeartAdd, HeartCircle, HeartEdit, HeartRemove, HeartSearch, HeartSlash, HeartTick, Heart, Like1, LikeDislike, LikeShapes, LikeTag, Like, Lovely, MagicStar, MedalStar, Medal, MessageQuestion, Ranking, Smileys, Star1, StarSlash, Star, Unlimited

Time (15 icons)

Calendar1, Calendar2, CalendarAdd, CalendarCircle, CalendarEdit, CalendarRemove, CalendarSearch, CalendarTick, Calendar, Clock, SecurityTime, Timer1, TimerPause, TimerStart, Timer

Type, Paragraph, Character (35 icons)

AttachCircle, AttachSquare, EraserSquare, Firstline, LanguageCircle, LanguageSquare, LayoutMaximize, Link1, Link2, Link21, LinkCircle, LinkSquare, Link, Paperclip2, Paperclip, Pharagraphspacing, QuoteDownCircle, QuoteDownSquare, QuoteDown, QuoteUpCircle, QuoteUpSquare, QuoteUp, Smallcaps, TextBlock, TextBold, TextItalic, TextUnderline, Text, TextalignCenter, TextalignJustifycenter, TextalignJustifyleft, TextalignJustifyright, TextalignLeft, TextalignRight, Translate

Users (20 icons)

People, Profile2User, ProfileAdd, ProfileCircle, ProfileDelete, ProfileRemove, ProfileTick, Profile, TagUser, UserAdd, UserCirlceAdd, UserEdit, UserMinus, UserOctagon, UserRemove, UserSearch, UserSquare, UserTag, UserTick, User

Video, Audio, Image (81 icons)

AudioSquare, Backward10Seconds, Backward15Seconds, Backward5Seconds, Backward, CameraSlash, Camera, Cut, Forward10Seconds, Forward15Seconds, Forward5Seconds, Forward, GalleryAdd, GalleryEdit, GalleryExport, GalleryFavorite, GalleryImport, GalleryRemove, GallerySlash, GalleryTick, Gallery, Image, MaximizeCircle, Microphone2, MicrophoneSlash1, MicrophoneSlash, Microphone, MiniMusicSqaure, MusicCircle, MusicDashboard, MusicFilter, MusicLibrary2, MusicPlaylist, MusicSquareAdd, MusicSquareRemove, MusicSquareSearch, MusicSquare, Music, Musicnote, Next, NoteSquare, PauseCircle, Pause, PlayAdd, PlayCircle, PlayCricle, PlayRemove, Play, Previous, Radio, RecordCircle, Record, RepeateMusic, RepeateOne, Screenmirroring, Shuffle, StopCircle, Stop, Subtitle, VideoAdd, VideoCircle, VideoHorizontal, VideoOctagon, VideoPlay, VideoRemove, VideoSlash, VideoSquare, VideoTick, VideoTime, VideoVertical, Video, VoiceCricle, VoiceSquare, VolumeCross, VolumeHigh, VolumeLow1, VolumeLow, VolumeMute, VolumeSlash, VolumeUp, Volume

Weather (18 icons)

CloudCross, CloudDrizzle, CloudFog, CloudLightning, CloudMinus, CloudNotif, CloudPlus, CloudSnow, CloudSunny, Cloud, Drop, Flashy, Moon, Sun1, SunFog, Sun, Wind2, Wind

📄 License

MIT

Repository: GitHub