Carbon Icons

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.

How to use Carbon icons

npm install @carbon/icons-react

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} />;
}

<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>

import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="carbon:icon-name" width={24} />;
}

Compare Carbon with similar icon packs