Icon

@coinbase/cds-web@8.49.0

Displays icons from the icon font.

import { Icon } from '@coinbase/cds-web/icons/Icon'

󰒨

Source

󰏖

Storybook

󰏖

Changelog

󰏖

Figma

󰕨

󰏖

View as Markdown

---

Related components

• IconButton

Icons

󰝈

active prop:

size prop:

xs

s

m

l

Basic example

Loading...

󰙡

Live Code

<VStack gap={2}>
  <HStack gap={1}>
    <Icon name="account" size="xs" />
    <Icon name="account" size="xs" active />
  </HStack>
  <HStack gap={1}>
    <Icon name="account" size="s" />
    <Icon name="account" size="s" active />
  </HStack>
  <HStack gap={1}>
    <Icon name="account" size="m" />
    <Icon name="account" size="m" active />
  </HStack>
  <HStack gap={1}>
    <Icon name="account" size="l" />
    <Icon name="account" size="l" active />
  </HStack>
</VStack>