start
installationIcon
UsageIcons
Setup
In order to use icon, import Icon component
import {Icon} from "tuix-design"copy
Usage
Ready to implement the icons,
you can have you disired size
<Icon name="Home"/>
<Icon name="Home" color="#fff" size={32} />
<Icon name="Home" color="#fff" size={40} />copy
rotation is helpfull in some cases
<Icon name="Chevron" color="#fff" size={32} />
<Icon name="Chevron" color="#fff" size={32} rotate={90} />
<Icon name="Chevron" color="#fff" size={32} rotate={180} />copy
customizable color
<Icon name="Home"/>
<Icon name="Home" color="rgb(49,129,187)" size={32} />
<Icon name="Home" color="purple" size={40} />copy
API
| props | type | status | default | description |
|---|---|---|---|---|
| name | IconsName | required | Null | Name of the icon to render |
| color | string | optional | #00000 | Icon's color |
| size | number | optional | 24 | Icon's size in pixels |
| rotate | number | optional | 0 | Icon's rotation in degree |
setupusageapi