Toggle menu
CarbonIcons
Browse 2631 free Carbon SVG icons. Download SVG, copy as JSX, PNG or Base64. Apache 2.0 licensed. Designed by IBM. Styles: Precise Shapes, Has Padding.
Most popular Carbon icons
What visitors download and copy most from this pack, last 30 days
- 1
security
- 2
growth
- 3
report
- 4
delivery
- 5
clean
- 6
close-outline
- 7
add-filled
- 8
sustainability
- 9
customer
- 10
home
- 11
task-tools
Recently added in Carbon
13 icons added on 27 September 2026. See every pack's latest additions
content-navigator-edit-service-download
content-navigator-edit-service-upload
content-navigator-sync-error
content-navigator-sync-loading
content-navigator-sync-paused
content-navigator-sync-warning
beacon
red-hat-ai-inference-on-ibm-cloud
stepzen-graph-server
markdown
view-matrix
view-table
asset-edit
Copy & download Carbon icons
Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.
Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.
React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.
Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.
Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.
Works with shadcn/ui
Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, install@carbon/icons-reactand use via @iconify/react, fully tree-shakeable, no icon font loading required.
About Carbon
IBM Carbon Icons is the SVG icon foundation of IBM's Carbon Design System, the open-source design language powering IBM.com and enterprise IBM products. With 2,100+ icons individually optimised at 16, 20, 24, and 32px (not just scaled from one master), Carbon is one of the most technically rigorous free icon sets available. Each pixel-specific variant is drawn to take advantage of the exact grid, ensuring sharp rendering at every scale in dense enterprise interfaces. Apache 2.0 licensed, free for personal and commercial use. The React package (@carbon/icons-react) ships tree-shakeable SVG components with size control via the `size` prop. Search Carbon icons, copy SVG, export JSX, or download PNG here. The strict IBM geometry rules (geometric construction, precise optical weight) give Carbon icons a consistent industrial clarity distinct from the more organic feel of Lucide or Tabler. Ideal for enterprise SaaS platforms, data dashboards, developer tools, and any product following Carbon Design System conventions.
Pack Details
Version
11.90.0
Color Support
Monochrome
Category
UI 16px / 32px
How to use Carbon icons
Icon Set Version
v11.90.0
Package
@carbon/icons-react
License SPDX
Apache-2.0
Grid Size
32px
Display Size
16px
Sample Icons
user-certification, humidity, edit-off
Install
npm install @carbon/icons-reactReact
import { Search, Home, Settings } from '@carbon/icons-react';
export default function App() {
// size prop: 16 | 20 | 24 | 32 (each is pixel-grid-optimised)
return <Search size={24} />;
}Via Iconify · HTML
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:icon-name" width="24"></iconify-icon>Via Iconify · any framework
import { Icon } from '@iconify/react';
export default function App() {
return <Icon icon="carbon:icon-name" width={24} />;
}Package stats
Build-time npm metadata cached weekly • Last refresh Oct 18, 2026
@carbon/icons-react
React components for icons in digital and software products using the Carbon Design System
License
Apache-2.0
Weekly downloads
184.7K
Monthly downloads
1.5M
Total downloads
16.8M
Unpacked size
16 MB
Last published
Oct 7, 2026
Registry updated
Oct 7, 2026
Carbon version history
Based on the last 10 releases, Carbon typically ships a new version every ~2 weeks. The latest release, v11.90.0, landed on Oct 7, 2026.
| Version | Released |
|---|---|
| v11.90.0 | Oct 7, 2026 |
| v11.89.0 | Sep 23, 2026 |
| v11.88.0 | Sep 9, 2026 |
| v11.87.0 | Aug 27, 2026 |
| v11.86.0 | Aug 12, 2026 |
| v11.85.0 | Jul 30, 2026 |
| v11.84.0 | Jul 15, 2026 |
| v11.83.0 | Jul 1, 2026 |
| v11.82.0 | Jun 3, 2026 |
| v11.81.0 | May 20, 2026 |
| v11.80.0 | May 6, 2026 |
| v11.79.0 | Apr 22, 2026 |
| v11.78.0 | Apr 8, 2026 |
| v11.77.1 | Mar 30, 2026 |
| v11.77.0 | Mar 25, 2026 |
| v11.76.0 | Feb 25, 2026 |
| v11.75.0 | Feb 11, 2026 |
| v11.74.0 | Jan 28, 2026 |
| v11.73.0 | Jan 13, 2026 |
| v11.72.0 | Dec 17, 2025 |
Source: npm registry data for @carbon/icons-react, refreshed weekly.
Compare Carbon with similar icon packs
Frequently Asked Questions
What sizes does Carbon Icons support?
How do I install Carbon Icons for React?
npm install @carbon/icons-react, then: import { Search } from "@carbon/icons-react";. Use the size prop to select a pixel-optimised variant.