An icon is a graphic symbol designed to visually indicate the purpose of an interface element.
Component
Icon
46 examples
Icon
Ant Design
Ant Financial
- React
- Code examples
- Accessibility issues
Icon
Atlassian Design System
- React
- Code examples
- Usage guidelines
- Tone of voice
- Accessibility
- Open source
Icon
Auro
Alaska Airlines
- Web Components
- Sass
- Code examples
- Usage guidelines
- Open source
Icon
Aurora
Government of Canada
- CSS
- Code examples
- Tone of voice
- Open source
Icon
Backpack
Skyscanner
- Mobile
- React
- Code examples
- Usage guidelines
- Open source
- Tone of voice
Icon
Base Web
Uber
- React
- CSS-in-JS
- Code examples
- Usage guidelines
- Open source
Icon
Bolt Design System
Pegasystems
- Sass
- Twig
- Web Components
- Code examples
- Tone of voice
- Open source
Service icons
Brighton & Hove City Council Website pattern library
Icon
Bulma
- Sass
- Code examples
- Accessibility issues
- Open source
Icon
Cedar
Recreational Equipment, Inc.
- Vue
- Usage guidelines
- Code examples
Icon
Chakra UI
- React
- CSS-in-JS
- Accessibility
- Code examples
- Open source
Icon
Coral
Talend
- React
- Code examples
- Tone of voice
Icon
Crayons
Freshworks
- Web Components
- Code examples
- Open source
Icon
Edison Design System
General Electric
- Web Components
- Usage guidelines
- Code examples
Icon
Elastic UI framework
Elastic
- React
- Sass
- Code examples
- Open source
Icon
Elisa Design System
- React
- Usage guidelines
- Code examples
- Accessibility
Icon
Fluent UI
Microsoft
- React
- Web Components
- Mobile
- Usage guidelines
- Code examples
- Accessibility
Icon
Forma 36
Contentful
- React
- CSS-in-JS
- Code examples
- Open source
Icon
Gestalt
Pinterest
- React
- CSS
- Code examples
- Open source
Icon
Goldman Sachs Design System
- Tone of voice
- Usage guidelines
Icon
Helsinki Design System
City of Helsinki
- React
- CSS
- Code examples
- Usage guidelines
- Accessibility
- Open source
SVGIcon
Instructure-UI
Instructure
- React
- CSS-in-JS
- Code examples
- Accessibility
- Open source
Icons
Jøkul Designsystem
Fremtind Forsikring
- React
- Sass
- Code examples
- Usage guidelines
Button icon
Lightning Design System
Salesforce
- React
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Icon
Lightning Design System
Salesforce
- React
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Freddicons
Mailchimp design system
- Code examples
Icon
NewsKit
News Corp
- React
- Code examples
- Usage guidelines
Icon
Nord Design System
Nordhealth
- Web Components
- Code examples
- Usage guidelines
Icon
Nucleus Design System
British Gas
- Web Components
- Usage guidelines
Icon
Ontario Design System
Ontario Government
- HTML
- Sass
- Code examples
- Usage guidelines
- Accessibility
Icon
Orbit
Kiwi.com
- React
- CSS-in-JS
- Usage guidelines
- Open source
- Code examples
- Tone of voice
Icon
Pharos
JSTOR
- Web Components
- Sass
- Usage guidelines
- Open source
- Code examples
- Accessibility
- Tone of voice
Icon
Polaris
Shopify
- React
- Code examples
- Usage guidelines
- Accessibility
- Tone of voice
- Open source
Identicons
Purple3
Heroku
- CSS
- Code examples
Icon
Quasar Framework
- Vue
- Accessibility issues
- Code examples
Icon
Ruter Components
- React
- Code examples
Icon
Seeds
Sprout Social
- React
- Code examples
- Usage guidelines
- Tone of voice
Icon
Shoelace
- Web Components
- Code examples
- Open source
SVG Icon
Solid
Buzzfeed
- CSS
- Code examples
- Usage guidelines
- Accessibility issues
Icon
Spark Design System
Quicken Loans
- React
- Angular
- Code examples
- Usage guidelines
- Open source
Icon
uStyle
uSwitch
- Sass
- Tone of voice
- Code examples
- Usage guidelines
- Open source
Icon
Vattenfall Design System
- HTML
- jQuery
- Sass
- Code examples
- Open source
Icon
Vercel Design
- React
- Code examples
SVG Icon
W3C design system
- Sass
- Vanilla JS
- Code examples
- Usage guidelines
- Open source
- Accessibility
Icon
Wanda
Wonderflow
- React
- CSS Modules
- Code examples
- Open source