Skip to main content

Icon

Semantic vector graphics.

Examples#

import { Icon } from 'tailor-ui';
import { TiFlowChildren } from 'react-icons/ti';
import { MdEdit, MdComment, MdInput, MdInfo } from 'react-icons/md';

Built-in#

Understood IconKurator IconTags Icon

With text#

This is a info icon

Custom props#

Understood IconKurator IconTags Icon

react-icons#

cursor#

API#

PropertyDescriptionTypeDefault
typeimport from react-icons or built-in icons stringIconType
sizewidth & height of iconstring |number24
fillicon colorstring
altThe alt of iconstring
cursorstring
pointerEventsstring

Built-in icons#

  • 'line'
  • 'messenger'
  • 'info'
  • 'success'
  • 'warning'
  • 'danger'
  • 'error'
  • 'robot'
  • 'understood'
  • 'kurator'
  • 'touch'
  • 'analytics'
  • 'tags'
  • 'tutorial'
  • 'open-in-new'
  • 'settings'