@vtex-components/icon v0.0.12

VTEX Components Icon

Elementary accessible component to display svg icons. It renders a svg element.

Install

yarn add @vtex-components/icon

or

npm install @vtex-components/icon

Usage

• Decorative only

import Icon from '@vtex-components/icon'

function UseCase() {
  return (
    <Icon>
      <path {...} />
    </Icon>
  )
}

• Grant a11y for standalone usage

import Icon from '@vtex-components/icon'

function UseCase() {
 return (
   <Icon title="Meaningful name">
     <path {...} />
   </Icon>
 )
}

Types

Customization

Use sx to styling the icon. For further reading, you can check the Theme Documentation