Icon

@coinbase/cds-web@8.21.3

Displays icons from the icon font.

Import

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

ChangelogView changelogSourceView source codeStorybookView StorybookFigmaView Figma (internal only)

---

Related components

• IconButton

---

󰏖

View as Markdown

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>