Icon

@coinbase/cds-web@8.13.6

Displays icons from the icon font.

Import

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

ChangelogView changelogSourceView source codeStorybookView StorybookFigmaView Figma

---

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>