Uikon

Uikon has a icon class that imports packed icons in icon font supporting font ligature. It's a plain <i> element with class "uikon". The font is loaded via css in ./src/App/App.scss

PropertyTypeRequiredDefault ValueDescription
classNameStringfalsenullclassName, e.g. "my-custom-styling"
childrenStringfalsenullIcon name literal
...restanyfalseOther properties are passed down to the wrapping element

Uikon Example

ComponentExample Code
help
<Uikon>
  help
</Uikon>

List of Icons

add
add
arrow_left
arrow_left
arrow_right
arrow_right
attachment
attachment
building
building
building_plan
building_plan
buildings
buildings
calendar
calendar
calendar_2
calendar_2
camera
camera
check
check
clock
clock
cloud_up
cloud_up
container
container
desktop
desktop
dropdown_arrow
dropdown_arrow
edit
edit
front_store
front_store
gallery_grid_view
gallery_grid_view
globe_network
globe_network
help
help
home
home
image_picture
image_picture
inbox_paper_round
inbox_paper_round
lightbulb
lightbulb
love
love
love
love
message
message
message_2
message_2
money_round
money_round
more
more
multitasking
multitasking
phone
phone
phone_two
phone_two
picture
picture
pin_rounded_circle
pin_rounded_circle
plus_rounded
plus_rounded
profile_card
profile_card
profile_plus_round
profile_plus_round
profile_round
profile_round
rocket
rocket
ruler
ruler
search_left
search_left
send_round
send_round
settings
settings
shopping_bag
shopping_bag
smile
smile
star
star
star
star
stats
stats
tap_click_force_touch
tap_click_force_touch
trending_down
trending_down
trending_up
trending_up
video_camera
video_camera
view_grid
view_grid
view_list
view_list
view_simple
view_simple
wallet
wallet