@razorpay/blade-mcp/knowledgebase/general/AvailableIcons.md

Model Context Protocol server for Blade

# Available Icons in Blade

## How to use Icons

All icons are exported from `@razorpay/blade/components`. They can be used in components that support IconComponent type. Or used as standalone components.

```tsx
import {
  Button,
  Badge,
  // Icons import
  AcceptPaymentsIcon,
  ArrowRightIcon,
} from '@razorpay/blade/components';

<>
  {/* Components with icon prop */}
  <Button icon={AcceptPaymentsIcon}>Button with Icon</Button>
  <Badge icon={AcceptPaymentsIcon}>Badge with Icon</Badge>
  {/* Icons as standalone components */}
  <ArrowRightIcon size="small" color="surface.icon.primary.normal" />
</>;
```

## Note

- If the icon is expected to be clickable, use `IconButton` component.
- If the icon clickable and looks like a link, use `<Link icon={IconName} href="" />`

## List of Available Icons

- AcceptPaymentsIcon
- ActivityIcon
- AddressBookIcon
- AffordabilityIcon
- AirplayIcon
- AlertCircleIcon
- AlertOctagonIcon
- AlertOnlyIcon
- AlertTriangleIcon
- AlignCenterIcon
- AlignJustifyIcon
- AlignLeftIcon
- AlignRightIcon
- AnchorIcon
- AndroidIcon
- AnnouncementIcon
- ApertureIcon
- AppStoreIcon
- AppleIcon
- ArrowDownIcon
- ArrowDownLeftIcon
- ArrowDownRightIcon
- ArrowLeftIcon
- ArrowRightIcon
- ArrowSquareDownIcon
- ArrowSquareDownLeftIcon
- ArrowSquareDownRightIcon
- ArrowSquareLeftIcon
- ArrowSquareRightIcon
- ArrowSquareUpIcon
- ArrowSquareUpLeftIcon
- ArrowSquareUpRightIcon
- ArrowUpIcon
- ArrowUpLeftIcon
- ArrowUpRightIcon
- AtSignIcon
- AttachmentIcon
- AutomateAccountingIcon
- AutomatePayrollIcon
- AwardIcon
- BankAccountVerificationIcon
- BankIcon
- BarChartAltIcon
- BarChartIcon
- BarCodeIcon
- Battery100PercentIcon
- Battery20PercentIcon
- Battery40PercentIcon
- Battery60PercentIcon
- Battery80PercentIcon
- BatteryChargingIcon
- BatteryIcon
- BellIcon
- BellOffIcon
- BfsiIcon
- BillIcon
- BillMeIcon
- BluetoothIcon
- BoldIcon
- BookIcon
- BookmarkIcon
- BoxIcon
- BriefcaseIcon
- BugIcon
- BuildingIcon
- BulkPayoutsIcon
- BusinessBankingIcon
- BusinessSpendManagementIcon
- CalendarIcon
- CameraIcon
- CameraOffIcon
- CashIcon
- CastIcon
- CheckCircle2Icon
- CheckCircleIcon
- CheckIcon
- CheckSquareIcon
- ChevronDownIcon
- ChevronLeftIcon
- ChevronRightIcon
- ChevronUpIcon
- ChevronsDownIcon
- ChevronsLeftIcon
- ChevronsRightIcon
- ChevronsUpIcon
- ChromeIcon
- CircleIcon
- ClipboardIcon
- ClockIcon
- CloseIcon
- ClosedCaptioningIcon
- CloudDrizzleIcon
- CloudIcon
- CloudLightningIcon
- CloudOffIcon
- CloudRainIcon
- CloudSnowIcon
- CodeSnippetIcon
- CodepenIcon
- CoinIcon
- CoinsIcon
- CommandIcon
- CompanyRegistrationIcon
- CompassIcon
- ConfettiIcon
- ContactlessPaymentIcon
- CookieIcon
- CopyIcon
- CopyrightIcon
- CornerDownLeftIcon
- CornerDownRightIcon
- CornerLeftDownIcon
- CornerLeftUpIcon
- CornerRightDownIcon
- CornerRightUpIcon
- CornerUpLeftIcon
- CornerUpRightIcon
- CpuIcon
- CreditCardIcon
- CreditsAndLoansIcon
- CropIcon
- CrosshairIcon
- CurrentAccountIcon
- CustomersIcon
- CutIcon
- DashboardIcon
- DeleteIcon
- DigitalLendingIcon
- DisbursePaymentsIcon
- DiscIcon
- DollarIcon
- DollarsIcon
- DotIcon
- DownloadCloudIcon
- DownloadIcon
- DragHandleIcon
- DropletIcon
- EcommerceIcon
- EditComposeIcon
- EditIcon
- EditInlineIcon
- EducationIcon
- EngageIcon
- EqualsIcon
- EscrowAccountIcon
- ExportIcon
- ExternalLinkIcon
- EyeIcon
- EyeOffIcon
- FacebookIcon
- FastForwardIcon
- FeatherIcon
- FigmaIcon
- FileIcon
- FileMinusIcon
- FilePlusIcon
- FileTextIcon
- FileZipIcon
- FilmIcon
- FilterIcon
- FlagIcon
- FlaskIcon
- FolderIcon
- ForexManagementIcon
- FreelanceIcon
- FullScreenEnterIcon
- FullScreenExitIcon
- GithubIcon
- GitlabIcon
- GlobeIcon
- GridIcon
- HashIcon
- HeadphoneIcon
- HeadphonesIcon
- HeadsetIcon
- HeartIcon
- HelpCircleIcon
- HistoryIcon
- HomeIcon
- ImageIcon
- InboxIcon
- IndiaFlagIcon
- InfoIcon
- InstagramIcon
- InstantSettlementIcon
- InternationalPaymentsIcon
- InvoicesIcon
- ItalicIcon
- KeyIcon
- KeyboardIcon
- LayersIcon
- LayoutIcon
- LeftCircularCornerIcon
- LifeBuoyIcon
- LinkIcon
- ListIcon
- ListSearchIcon
- LoaderIcon
- LoansForBusinessesIcon
- LockIcon
- LogInIcon
- LogOutIcon
- MagicCheckoutIcon
- MagicKonnectIcon
- MailIcon
- MailOpenIcon
- MapIcon
- MapPinIcon
- MaximizeIcon
- MenuDotsIcon
- MenuIcon
- MessageCircleIcon
- MessageSquareIcon
- MicIcon
- MicOffIcon
- MinimizeIcon
- MinusCircleIcon
- MinusIcon
- MinusSquareIcon
- MobileAppIcon
- MonitorIcon
- MoonIcon
- MoreHorizontalIcon
- MoreIcon
- MoreVerticalIcon
- MoveIcon
- MusicIcon
- MyAccountIcon
- NavigationIcon
- NoSignalIcon
- OctagonIcon
- OffersIcon
- OptimizerIcon
- PackageIcon
- PaperclipIcon
- PauseCircleIcon
- PauseIcon
- PaymentButtonIcon
- PaymentButtonsIcon
- PaymentGatewayIcon
- PaymentLinkIcon
- PaymentLinksIcon
- PaymentPagesIcon
- PayoutLinkIcon
- PayrollAddonsIcon
- PayrollForCaIcon
- PayrollForStartupOrSmeIcon
- PercentIcon
- PettyCashBudgetIcon
- PhoneCallIcon
- PhoneForwardedIcon
- PhoneIcon
- PhoneIncomingIcon
- PhoneMissedIcon
- PhoneOffIcon
- PhoneOutgoingIcon
- PictureInPictureIcon
- PieChartIcon
- PinIcon
- PlayCircleIcon
- PlayIcon
- PlusCircleIcon
- PlusIcon
- PlusSquareIcon
- PocketIcon
- PosIcon
- PowerIcon
- PrinterIcon
- PromptIcon
- QRCodeIcon
- RadioIcon
- RayIcon
- RazorpayIcon
- RazorpayXIcon
- RazorpayxPayrollIcon
- RefreshIcon
- RepeatIcon
- ReportsIcon
- ResizerIcon
- RewindIcon
- RotateClockWiseIcon
- RotateCounterClockWiseIcon
- RouteIcon
- RoutesIcon
- RupeeIcon
- RupeesIcon
- SaasIcon
- SaveIcon
- ScissorsIcon
- SearchIcon
- SendIcon
- ServerIcon
- SettingsIcon
- SettlementsIcon
- ShareIcon
- ShieldIcon
- ShoppingBagIcon
- ShoppingCartIcon
- ShuffleIcon
- SidebarIcon
- Signal1BarIcon
- Signal2BarIcon
- Signal3BarIcon
- Signal4BarIcon
- SignalIcon
- SimCardIcon
- SkipBackIcon
- SkipForwardIcon
- SlackIcon
- SlashIcon
- SlidersIcon
- SmartCollectIcon
- SmartphoneIcon
- SolutionsIcon
- SortIcon
- SourceToPayIcon
- SparklesIcon
- SpeakerIcon
- SquareIcon
- StampIcon
- StarIcon
- StopCircleIcon
- StorefrontIcon
- SubscriptionsIcon
- SunIcon
- SunriseIcon
- SunsetIcon
- TabletIcon
- TagIcon
- TargetIcon
- TaxPaymentsIcon
- TestIcon
- ThermometerIcon
- ThumbsDownIcon
- ThumbsUpIcon
- TicketIcon
- ToggleLeftIcon
- ToggleRightIcon
- TokenHqIcon
- TopLeftRoundedCornerIcon
- TopLeftSharpCornerIcon
- TrademarkIcon
- TrademarkRegisteredIcon
- TransactionsIcon
- TranslateIcon
- TrashIcon
- TrendingDownIcon
- TrendingUpIcon
- TriangleIcon
- TvIcon
- TwitterIcon
- TypeIcon
- UmbrellaIcon
- UnderlineIcon
- UnlockIcon
- UpiAutopayIcon
- UpiIcon
- UploadCloudIcon
- UploadIcon
- UserCheckIcon
- UserIcon
- UserMinusIcon
- UserPlusIcon
- UserXIcon
- UsersIcon
- VendorPaymentsIcon
- VideoIcon
- VideoOffIcon
- ViewLiveDemoIcon
- VoicemailIcon
- VolumeHighIcon
- VolumeIcon
- VolumeLowIcon
- VolumeMuteIcon
- WalletIcon
- WatchIcon
- WifiIcon
- WifiOffIcon
- WindIcon
- WorldwideIcon
- XCircleIcon
- XSquareIcon
- YoutubeIcon
- ZapIcon
- ZoomInIcon
- ZoomOutIcon