Skip to Content
SmartUI

Icons

One icon set. Each icon is a single shape on a 24 unit grid with a 1.75 stroke, and it takes the current text color.

check
minus
plus
x
chevron-down
chevron-up
chevron-right
chevron-left
arrow-left
arrow-right
arrow-up
arrow-down
arrow-up-right
arrow-down-right
search
more
calendar
clock
grid
file
upload
bell
user
activity
info
alert
pencil
trash
share
filter
sidebar
star
wifi-off
test-tube
building
import { Icon } from '@smartui/react';

<Icon name="calendar" size={20} />

Icons are decorative by default and hidden from screen readers. When an icon is the only content of a control, use Icon Button and give it a label.