Component

Icon

An icon is a graphic symbol designed to visually indicate the purpose of an interface element.

44 Examples

Filter:

  • Icon

    Ant Design

    Tech

    • React

    Features

    • Code examples
    • Accessibility issues
    • Open source

  • Icon

    Atlassian Design System

    Tech

    • React

    Features

    • Code examples
    • Usage guidelines
    • Tone of voice
    • Accessibility

  • Icon

    Auro

    Tech

    • Web Components
    • Sass

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Icon

    Aurora

    Tech

    • CSS

    Features

    • Code examples
    • Tone of voice
    • Open source
    • Unmaintained

  • Icon

    Backpack

    Tech

    • Mobile
    • React

    Features

    • Code examples
    • Usage guidelines
    • Open source
    • Tone of voice

  • Icon

    Base Web

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Icon

    Blueprint

    Tech

    • React
    • Sass

    Features

    • Open source

  • Service icons

    Brighton & Hove City Council Website pattern library

  • Icon

    Bulma

    Tech

    • Sass

    Features

    • Code examples
    • Accessibility issues
    • Open source

  • Icon

    Cauldron

    Tech

    • React
    • CSS

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • Icon

    Cedar

    Tech

    • Vue
    • Sass
    • CSS Modules

    Features

    • Usage guidelines
    • Code examples
    • Open source

  • Icon

    Chakra UI

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Open source

  • SizedIcon

    Coral

    Tech

    • React

    Features

    • Code examples
    • Tone of voice
    • Open source

  • Icon

    Coral

    Tech

    • React

    Features

    • Code examples
    • Tone of voice
    • Open source

  • Icon

    Crayons

    Tech

    • Web Components

    Features

    • Code examples
    • Open source

  • Icon

    Elastic UI framework

    Tech

    • React
    • Sass

    Features

    • Code examples
    • Open source

  • Icon

    Elisa Design System

    Tech

    • React

    Features

    • Usage guidelines
    • Code examples
    • Accessibility

  • Icon

    Fluent UI

    Tech

    • React
    • Web Components
    • Mobile

    Features

    • Usage guidelines
    • Code examples
    • Accessibility
    • Open source

  • Icon

    Forma 36

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Open source

  • Icon

    Gestalt

    Tech

    • React
    • CSS

    Features

    • Code examples
    • Open source
    • Usage guidelines

  • Icon tile

    Helios

    Tech

    • Ember
    • Sass

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • SVGIcon

    Instructure-UI

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Accessibility
    • Open source

  • Icons

    Jøkul Designsystem

    Tech

    • React
    • Sass

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Button icon

    Lightning Design System

    Tech

    • React

    Features

    • Code examples
    • Usage guidelines
    • Tone of voice
    • Open source

  • Icon

    Lightning Design System

    Tech

    • React

    Features

    • Code examples
    • Usage guidelines
    • Tone of voice
    • Open source

  • Icon

    NewsKit

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Icon

    Nord Design System

    Tech

    • Web Components

    Features

    • Code examples
    • Usage guidelines

  • Icon

    Nucleus Design System

    Tech

    • Web Components

    Features

    • Usage guidelines

  • Icon

    Ontario Design System

    Tech

    • HTML
    • Sass

    Features

    • Code examples
    • Usage guidelines
    • Accessibility

  • Icon

    Orbit

    Tech

    • React
    • CSS-in-JS

    Features

    • Usage guidelines
    • Open source
    • Code examples
    • Tone of voice

  • Icon

    PatternFly

    Tech

    • React
    • Sass

    Features

    • Tone of voice
    • Open source
    • Usage guidelines

  • Icon

    Pharos

    Tech

    • Web Components
    • Sass

    Features

    • Usage guidelines
    • Open source
    • Code examples
    • Accessibility
    • Tone of voice

  • Icon

    Polaris

    Tech

    • React

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Tone of voice
    • Open source

  • Icon

    Porsche Design System

    Tech

    • Web Components
    • Angular
    • React
    • Vue

    Features

    • Code examples
    • Open source

  • Icon

    Primer

    Tech

    • React

    Features

    • Code examples
    • Open source

  • Identicons

    Purple3

    Tech

    • CSS

    Features

    • Code examples
    • Unmaintained

  • Icon

    Quasar Framework

    Tech

    • Vue

    Features

    • Accessibility issues
    • Code examples
    • Open source

  • Icon

    Ruter Components

    Tech

    • React

    Features

    • Code examples
    • Unmaintained

  • Icon

    Seeds

    Tech

    • React

    Features

    • Code examples
    • Usage guidelines
    • Tone of voice

  • Icon

    Shoelace

    Tech

    • Web Components

    Features

    • Code examples
    • Open source

  • Icon

    uStyle

    Tech

    • Sass

    Features

    • Tone of voice
    • Code examples
    • Usage guidelines
    • Open source
    • Unmaintained

  • Icon

    Visa Product Design System

    Tech

    • Angular
    • React
    • CSS
    • Mobile

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • SVG Icon

    W3C design system

    Tech

    • Sass
    • Vanilla JS

    Features

    • Code examples
    • Usage guidelines
    • Open source
    • Accessibility

  • Symbol

    Wanda

    Tech

    • React
    • CSS Modules

    Features

    • Code examples
    • Open source

Resources

  • Icon Guidelines

    By Tess Gadd

    Balsamiq

  • Icon

    Open UI

Name distribution