Iconsax icon pack for React - Zethic Edition
npm install @zethictech/iconsax-reactIconsax 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.
This package is published to npm (npmjs.org).
``bashUsing npm
npm install @zethictech/iconsax-react
🚀 Usage
$3
`jsx
import React from 'react';
import { EmojiHappy, Home, Search, User } from '@zethictech/iconsax-react';function App() {
return (
);
}
`$3
`jsx
import { EmojiHappy, Home } from '@zethictech/iconsax-react';function MyComponent() {
return (
{/ Custom color and size /}
{/ Different variant /}
{/ Using CSS currentColor /}
);
}
`$3
| 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 |$3
- 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
$3
ArchiveAdd, ArchiveMinus, ArchiveSlash, ArchiveTick, Archive, BookSaved, BookSquare,
ReceiptSquare, Save2, SaveAdd, SaveMinus, SaveRemove$3
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$3
Aquarius, Gemini2, Gemini, Man, Sagittarius, Woman$3
Bank, Building3, Building4, Building, Buildings2, Buildings, Buliding, Courthouse,
Hospital, House2, House$3
Activity, Chart1, Chart2, Chart21, ChartFail, ChartSuccess, Chart, Diagram,
FavoriteChart, Graph, HashtagSquare, Health, HomeHashtag, HomeTrendDown, HomeTrendUp,
Personalcard, PresentionChart, StatusUp, TrendDown, TrendUp$3
CallAdd, CallCalling, CallIncoming, CallMinus, CallOutgoing, CallReceived, CallRemove,
CallSlash, Call$3
AirplaneSquare, Airplane, Bus, Car, Driving, GasStation, Ship, SmartCar$3
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$3
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$3
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$3
BitcoinCard, BitcoinConvert, BitcoinRefresh, BuyCrypto, CardCoin, Trade$3
I3DCubeScan, I3DRotate, I3DSquare, Box1, BoxAdd, BoxRemove, BoxSearch, BoxTick,
BoxTime, Box, Convert3DCube, TruckFast, TruckRemove, TruckTick, TruckTime, Truck$3
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$3
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$3
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$3
Folder2, FolderAdd, FolderCloud, FolderCross, FolderFavorite, FolderMinus, FolderOpen,
Folder$3
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$3
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$3
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$3
LampCharge, LampOn, LampSlash, Notification1, NotificationBing, NotificationCircle,
NotificationFavorite, NotificationStatus, Notification$3
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$3
Award, Book1, Book, Bookmark2, Bookmark, Briefcase, BrifecaseCross, BrifecaseTick,
BrifecaseTimer, Calculator, Clipboard, Gift, Notepad2, Notepad, Teacher$3
SearchFavorite1, SearchFavorite, SearchNormal1, SearchNormal, SearchStatus1,
SearchStatus, SearchZoomIn1, SearchZoomIn, SearchZoomOut1, SearchZoomOut$3
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$3
Candle2, Candle, Category2, Category, Menu, More2, More, Setting2, Setting3,
Setting4, Setting5, Setting, Settings, ToggleOffCircle, ToggleOff, ToggleOnCircle,
ToggleOn$3
Bag2, BagCross1, BagCross, BagHappy, BagTick2, BagTick, BagTimer, Bag, Barcode,
ShopAdd, ShopRemove, Shop, ShoppingBag, ShoppingCart$3
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$3
Calendar1, Calendar2, CalendarAdd, CalendarCircle, CalendarEdit, CalendarRemove,
CalendarSearch, CalendarTick, Calendar, Clock, SecurityTime, Timer1, TimerPause,
TimerStart, Timer$3
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$3
People, Profile2User, ProfileAdd, ProfileCircle, ProfileDelete, ProfileRemove,
ProfileTick, Profile, TagUser, UserAdd, UserCirlceAdd, UserEdit, UserMinus,
UserOctagon, UserRemove, UserSearch, UserSquare, UserTag, UserTick, User$3
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$3
CloudCross, CloudDrizzle, CloudFog, CloudLightning, CloudMinus, CloudNotif, CloudPlus,
CloudSnow, CloudSunny, Cloud, Drop, Flashy, Moon, Sun1, SunFog, Sun, Wind2,
Wind`---
Repository: GitHub