# Table of Contents

- [Unknown](#unknown)
- [Open menu](#open-menu)

---

# Unknown

Collapse navigation items

[##### Introducing\
\
#### Carbon for AI](https://carbondesignsystem.com/guidelines/carbon-for-ai/)

Carbon Design System

Carbon is IBM’s **open source** design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.

[#### Design\
\
![Design](https://carbondesignsystem.com/static/4493cfcd84bbbd1c8ff77a14089fc263/d67c7/homepage-design.png)](https://carbondesignsystem.com/designing/get-started)

[#### Develop\
\
![Develop](https://carbondesignsystem.com/static/20dd31b530deb55246d7ede69ee8a90e/d67c7/homepage-develop.png)](https://carbondesignsystem.com/developing/get-started)

[#### Migrate\
\
![Migrate](https://carbondesignsystem.com/static/a45879c28efe423632258ea3005e383f/d67c7/homepage-migration.png)](https://carbondesignsystem.com/migrating/guide/overview/)

### Learn about Carbon[](https://carbondesignsystem.com/#learn-about-carbon)

New to Carbon? Take a moment to explore what we’re all about.

[##### What is Carbon?\
\
![carbon icon](data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5jYXJib248L3RpdGxlPjxwYXRoIGQ9Ik0xMy41LDMwLjgxNDlhMS4wMDExLDEuMDAxMSwwLDAsMS0uNDkyNy0uMTNsLTguNS00LjgxNUExLDEsMCwwLDEsNCwyNVYxNWExLDEsMCwwLDEsLjUwNzMtLjg3bDguNS00LjgxNWExLjAwMTMsMS4wMDEzLDAsMCwxLC45ODU0LDBsOC41LDQuODE1QTEsMSwwLDAsMSwyMywxNVYyNWExLDEsMCwwLDEtLjUwNzMuODdsLTguNSw0LjgxNUExLjAwMTEsMS4wMDExLDAsMCwxLDEzLjUsMzAuODE0OVpNNiwyNC40MTdsNy41LDQuMjQ4NUwyMSwyNC40MTdWMTUuNTgzbC03LjUtNC4yNDg1TDYsMTUuNTgzWiIvPjxwYXRoIGQ9Ik0yOCwxN0gyNlY3LjU4M0wxOC41LDMuMzM0NSwxMC40OTI3LDcuODcsOS41MDczLDYuMTNsOC41LTQuODE1YTEuMDAxMywxLjAwMTMsMCwwLDEsLjk4NTQsMGw4LjUsNC44MTVBMSwxLDAsMCwxLDI4LDdaIi8+PHJlY3QgaWQ9Il9UcmFuc3BhcmVudF9SZWN0YW5nbGVfIiBkYXRhLW5hbWU9IiZsdDtUcmFuc3BhcmVudCBSZWN0YW5nbGUmZ3Q7IiBjbGFzcz0iY2xzLTEiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIgMzIpIHJvdGF0ZSgxODApIi8+PC9zdmc+)](https://carbondesignsystem.com/all-about-carbon/what-is-carbon/)

[##### The Carbon ecosystem\
\
![carbon icon](data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5jYXJib248L3RpdGxlPjxwYXRoIGQ9Ik0xMy41LDMwLjgxNDlhMS4wMDExLDEuMDAxMSwwLDAsMS0uNDkyNy0uMTNsLTguNS00LjgxNUExLDEsMCwwLDEsNCwyNVYxNWExLDEsMCwwLDEsLjUwNzMtLjg3bDguNS00LjgxNWExLjAwMTMsMS4wMDEzLDAsMCwxLC45ODU0LDBsOC41LDQuODE1QTEsMSwwLDAsMSwyMywxNVYyNWExLDEsMCwwLDEtLjUwNzMuODdsLTguNSw0LjgxNUExLjAwMTEsMS4wMDExLDAsMCwxLDEzLjUsMzAuODE0OVpNNiwyNC40MTdsNy41LDQuMjQ4NUwyMSwyNC40MTdWMTUuNTgzbC03LjUtNC4yNDg1TDYsMTUuNTgzWiIvPjxwYXRoIGQ9Ik0yOCwxN0gyNlY3LjU4M0wxOC41LDMuMzM0NSwxMC40OTI3LDcuODcsOS41MDczLDYuMTNsOC41LTQuODE1YTEuMDAxMywxLjAwMTMsMCwwLDEsLjk4NTQsMGw4LjUsNC44MTVBMSwxLDAsMCwxLDI4LDdaIi8+PHJlY3QgaWQ9Il9UcmFuc3BhcmVudF9SZWN0YW5nbGVfIiBkYXRhLW5hbWU9IiZsdDtUcmFuc3BhcmVudCBSZWN0YW5nbGUmZ3Q7IiBjbGFzcz0iY2xzLTEiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIgMzIpIHJvdGF0ZSgxODApIi8+PC9zdmc+)](https://carbondesignsystem.com/all-about-carbon/the-carbon-ecosystem/)

### Explore libraries[](https://carbondesignsystem.com/#explore-libraries)

The component libraries give developers and designers a collection of reusable components for building websites and user interfaces.

[##### Figma kit\
\
![figma icon](data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMEFDRjgzO30KCS5zdDF7ZmlsbDojQTI1OUZGO30KCS5zdDJ7ZmlsbDojRjI0RTFFO30KCS5zdDN7ZmlsbDojRkY3MjYyO30KCS5zdDR7ZmlsbDojMUFCQ0ZFO30KPC9zdHlsZT4KPGcgaWQ9IkFydGJvYXJkIj4KCTxnIGlkPSJGaWdtYS0wMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4yMzAwMDAsIDAuMDAwMDAwKSI+CgkJPHBhdGggaWQ9IlBhdGgiIGNsYXNzPSJzdDAiIGQ9Ik02LjQsMzJjMi45LDAsNS4zLTIuNCw1LjMtNS4zdi01LjNINi40Yy0yLjksMC01LjMsMi40LTUuMyw1LjNTMy41LDMyLDYuNCwzMnoiLz4KCQk8cGF0aCBpZD0iUGF0aF8wMDAwMDExNTQ4Nzk5MzMwNTQxNTMzNzQ5MDAwMDAxODI4MzYzODIwMzc4NjYzNjQ2Nl8iIGNsYXNzPSJzdDEiIGQ9Ik0xLjEsMTZjMC0yLjksMi40LTUuMyw1LjMtNS4zaDUuM3YxMC43SDYuNAoJCQlDMy41LDIxLjMsMS4xLDE4LjksMS4xLDE2eiIvPgoJCTxwYXRoIGlkPSJQYXRoXzAwMDAwMTM3ODIzMjUxMzg5MDYzNDcyMzMwMDAwMDE1NDcwNjMwNzEwMTk2MzAxMjA3XyIgY2xhc3M9InN0MiIgZD0iTTEuMSw1LjNDMS4xLDIuNCwzLjUsMCw2LjQsMGg1LjN2MTAuN0g2LjQKCQkJQzMuNSwxMC43LDEuMSw4LjMsMS4xLDUuM3oiLz4KCQk8cGF0aCBpZD0iUGF0aF8wMDAwMDExOTgwODU0MzMyMDM4MTcwMDE1MDAwMDAwNTQ2ODAyODEzMDcxNjQxNTQxOF8iIGNsYXNzPSJzdDMiIGQ9Ik0xMS44LDBoNS4zYzIuOSwwLDUuMywyLjQsNS4zLDUuMwoJCQlzLTIuNCw1LjMtNS4zLDUuM2gtNS4zVjB6Ii8+CgkJPGNpcmNsZSBpZD0iT3ZhbCIgY2xhc3M9InN0NCIgY3g9IjE3LjEiIGN5PSIxNiIgcj0iNS4zIi8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==)](https://carbondesignsystem.com/designing/kits/figma/)

[##### Sketch kits\
\
![sketch icon](data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkRCMzAwIiBkPSJNOC4xLDQuMUwxNiwzLjNsNy45LDAuOGw2LjEsOC4yTDE2LDI4LjdMMiwxMi40TDguMSw0LjF6Ii8+Cgk8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1OS4wMDAwMDAsIDIxMS44ODEwODQpIj4KCQk8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0VBNkMwMCIgcG9pbnRzPSItNTEuMywtMTk5LjkgLTQzLC0xODMuNiAtNTcsLTE5OS45IAkJIi8+CgkJPHBvbHlnb24gZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNFQTZDMDAiIHBvaW50cz0iLTM0LjcsLTE5OS45IC00MywtMTgzLjYgLTI5LC0xOTkuOSAJCSIvPgoJCTxwb2x5Z29uIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkRBRDAwIiBwb2ludHM9Ii01MS4zLC0xOTkuOSAtMzQuNywtMTk5LjkgLTQzLC0xODMuNiAJCSIvPgoJPC9nPgoJPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTkuMDAwMDAwLCA4NS4wMDAwMDApIj4KCQk8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZERDIzMSIgcG9pbnRzPSItNDMsLTgxLjcgLTUwLjksLTgwLjkgLTUxLjMsLTcyLjYgCQkiLz4KCQk8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZERDIzMSIgcG9pbnRzPSItNDMsLTgxLjcgLTM1LjEsLTgwLjkgLTM0LjcsLTcyLjYgCQkiLz4KCQk8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZEQUQwMCIgcG9pbnRzPSItMjksLTczIC0zNS4xLC04MS4yIC0zNC43LC03MyAJCSIvPgoJCTxwb2x5Z29uIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkRBRDAwIiBwb2ludHM9Ii01NywtNzMgLTUwLjksLTgxLjIgLTUxLjMsLTczIAkJIi8+CgkJPHBvbHlnb24gZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRUVFQjciIHBvaW50cz0iLTQzLC04MiAtNTEuMywtNzMgLTM0LjcsLTczIAkJIi8+Cgk8L2c+CjwvZz4KPHJlY3QgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9Im5vbmUiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIvPgo8L3N2Zz4K)](https://carbondesignsystem.com/designing/kits/sketch/)

[##### Carbon React components](https://github.com/carbon-design-system/carbon/tree/main/packages/react)

[##### Carbon Angular components](https://github.com/IBM/carbon-components-angular)

[##### Carbon Vue components](https://github.com/carbon-design-system/carbon-components-vue)

[##### Carbon Svelte components](https://github.com/IBM/carbon-components-svelte)

[##### Carbon Web Components](https://github.com/carbon-design-system/carbon/tree/main/packages/web-components)

### Latest news and articles[](https://carbondesignsystem.com/#latest-news-and-articles)

[![Carbon Design System’s commitment to Web Components](https://cdn-images-1.medium.com/max/1024/1*krH7XSwCWRA4cy3SLLt5-g.png)\
\
#### Carbon Design System’s commitment to Web Components\
\
Anna Wen\
\
September 23rd, 2024](https://medium.com/carbondesign/carbon-design-systems-commitment-to-web-components-9f430e2fe829?source=rss----105693e8ddba---4)

[![Carbon and Figma Code Connect: Redefining the Design-to-Code Experience](https://cdn-images-1.medium.com/max/1024/1*fX-IsRbWq51abrD7Yc4-aA.png)\
\
#### Carbon and Figma Code Connect: Redefining the Design-to-Code Experience\
\
Alison Joseph\
\
September 16th, 2024](https://medium.com/carbondesign/carbon-and-figma-code-connect-redefining-the-design-to-code-experience-836eb3f454fc?source=rss----105693e8ddba---4)

[![Carbon for AI: Scaling New Ways of Working](https://cdn-images-1.medium.com/max/1024/1*CDggM6HuRlV-M-MioxiumQ.png)\
\
#### Carbon for AI: Scaling New Ways of Working\
\
Jeannie Servaas\
\
May 23rd, 2024](https://medium.com/carbondesign/carbon-for-ai-scaling-new-ways-of-working-fc6913624667?source=rss----105693e8ddba---4)

Wondering how  
to contribute?

We welcome all feedback, designs, or ideas in order to produce the best possible experience for our users. If you're interested in contributing, check out our contributing guidelines to get started.[Start contributing →](https://carbondesignsystem.com/contributing/get-started/overview)

[Previous\
\
Home](https://carbondesignsystem.com/)

[Next\
\
All about Carbon: What is Carbon?](https://carbondesignsystem.com/all-about-carbon/what-is-carbon/)

---

# Open menu

Collapse navigation items

Icons
=====

filter icons by searching for their name or category

All icons

Open menu

[Edit this page on GitHub](https://github.com/carbon-design-system/carbon-website/edit/main/src/pages/elements/icons/library.js)

[Previous\
\
Elements: Color](https://carbondesignsystem.com/elements/color/overview/)

[Next\
\
Icons: Usage](https://carbondesignsystem.com/elements/icons/usage/)

---