Icons

This document covers available icons in the UI toolkit. You can see their implementation in the UI toolkit here.

API

Props

Icon has no specific (custom) Props.

Style names

The styleNames for icons are the names used in the examples below.

Examples

Sidebar icon example

JSX Declaration

<Icon name="sidebar" />

Back

Back icon example

JSX Declaration

<Icon name="back" />

Close

Close icon example

JSX Declaration

<Icon name="close" />

Left-arrow

Left-arrow icon example

JSX Declaration

<Icon name="left-arrow" />

Right-arrow

Right-arrow icon example

JSX Declaration

<Icon name="right-arrow" />

Up-arrow

Up-arrow icon example

JSX Declaration

<Icon name="up-arrow" />

Down-arrow

Down-arrow icon example

JSX Declaration

<Icon name="down-arrow" />

Drop-down icon example

JSX Declaration

<Icon name="drop-down" />

Share

Share icon example

JSX Declaration

<Icon name="share" />

Share-android

Share-android icon example

JSX Declaration

<Icon name="share-android" />

Add-to-favorites-off

Add-to-favorites-off icon example

JSX Declaration

<Icon name="add-to-favorites-off" />

Add-to-favorites-on

Add-to-favorites-on icon example

JSX Declaration

<Icon name="add-to-favorites-on" />

Play

Play icon example

JSX Declaration

<Icon name="play" />

Pause

Pause icon example

JSX Declaration

<Icon name="pause" />

Edit

Edit icon example

JSX Declaration

<Icon name="edit" />

Refresh

Refresh icon example

JSX Declaration

<Icon name="refresh" />

Web

Web icon example

JSX Declaration

<Icon name="web" />

Email

Email icon example

JSX Declaration

<Icon name="email" />

Pin

Pin icon example

JSX Declaration

<Icon name="pin" />

Address

Address icon example

JSX Declaration

<Icon name="address" />

Facebook

Facebook icon example

JSX Declaration

<Icon name="facebook" />

Linkedin

Linkedin icon example

JSX Declaration

<Icon name="linkedin" />

Tweet

Tweet icon example

JSX Declaration

<Icon name="tweet" />

Cart

Cart icon example

JSX Declaration

<Icon name="cart" />

Add-to-cart

Add-to-cart icon example

JSX Declaration

<Icon name="add-to-cart" />

Add-event

Add-event icon example

JSX Declaration

<Icon name="add-event" />

Comment

Comment icon example

JSX Declaration

<Icon name="comment" />

Call

Call icon example

JSX Declaration

<Icon name="call" />

Activity

Activity icon example

JSX Declaration

<Icon name="activity" />

Friends

Friends icon example

JSX Declaration

<Icon name="friends" />

Add-friend

Add-friend icon example

JSX Declaration

<Icon name="add-friend" />

Unfriend

Unfriend icon example

JSX Declaration

<Icon name="unfriend" />

Settings

Settings icon example

JSX Declaration

<Icon name="settings" />

Take-a-photo

Take-a-photo icon example

JSX Declaration

<Icon name="take-a-photo" />

Error

Error icon example

JSX Declaration

<Icon name="error" />

News

News icon example

JSX Declaration

<Icon name="news" />

Like

Like icon example

JSX Declaration

<Icon name="like" />

Search icon example

JSX Declaration

<Icon name="search" />

Users

Users icon example

JSX Declaration

<Icon name="users" />

User-profile

User-profile icon example

JSX Declaration

<Icon name="user-profile" />

Social-wall

Social-wall icon example

JSX Declaration

<Icon name="social-wall" />

Books

Books icon example

JSX Declaration

<Icon name="books" />

Folder

Folder icon example

JSX Declaration

<Icon name="folder" />

Events

Events icon example

JSX Declaration

<Icon name="events" />

Photo

Photo icon example

JSX Declaration

<Icon name="photo" />

Music-video

Music-video icon example

JSX Declaration

<Icon name="music-video" />

Radio

Radio icon example

JSX Declaration

<Icon name="radio" />

Podcasts

Podcasts icon example

JSX Declaration

<Icon name="podcasts" />

About

About icon example

JSX Declaration

<Icon name="about" />

Notifications

Notifications icon example

JSX Declaration

<Icon name="notifications" />

Exit-to-app

Exit-to-app icon example

JSX Declaration

<Icon name="exit-to-app" />

Restaurant-menu

Restaurant-menu icon example

JSX Declaration

<Icon name="restaurant-menu" />

Products

Products icon example

JSX Declaration

<Icon name="products" />

Deals

Deals icon example

JSX Declaration

<Icon name="deals" />

Restaurant

Restaurant icon example

JSX Declaration

<Icon name="restaurant" />

More-horizontal

More-horizontal icon example

JSX Declaration

<Icon name="more-horizontal" />

Rss-feed

Rss-feed icon example

JSX Declaration

<Icon name="rss-feed" />

Missing

Missing icon example

JSX Declaration

<Icon name="missing" />

Home

Home icon example

JSX Declaration

<Icon name="home" />

Checkbox-on

Checkbox-on icon example

JSX Declaration

<Icon name="checkbox-on" />

Checkbox-off

Checkbox-off icon example

JSX Declaration

<Icon name="checkbox-off" />

Radiobutton-on

Radiobutton-on icon example

JSX Declaration

<Icon name="radiobutton-on" />

Radiobutton-off

Radiobutton-off icon example

JSX Declaration

<Icon name="radiobutton-off" />

Minus-button

Minus-button icon example

JSX Declaration

<Icon name="minus-button" />

Plus-button

Plus-button icon example

JSX Declaration

<Icon name="plus-button" />

Clear-text

Clear-text icon example

JSX Declaration

<Icon name="clear-text" />

Receipt

Receipt icon example

JSX Declaration

<Icon name="receipt" />

History

History icon example

JSX Declaration

<Icon name="history" />

Gift

Gift icon example

JSX Declaration

<Icon name="gift" />

Loyalty-card

Loyalty-card icon example

JSX Declaration

<Icon name="loyalty-card" />

Trophy

Trophy icon example

JSX Declaration

<Icon name="trophy" />

Lock

Lock icon example

JSX Declaration

<Icon name="lock" />

Stamp

Stamp icon example

JSX Declaration

<Icon name="stamp" />

Turn-off

Turn-off icon example

JSX Declaration

<Icon name="turn-off" />

Stop

Stop icon example

JSX Declaration

<Icon name="stop" />

Equalizer

Equalizer icon example

JSX Declaration

<Icon name="equalizer" />

Page

Page icon example

JSX Declaration

<Icon name="page" />

Rsvp

Rsvp icon example

JSX Declaration

<Icon name="rsvp" />

Github

Github icon example

JSX Declaration

<Icon name="github" />

Link icon example

JSX Declaration

<Icon name="link" />

My-location

My-location icon example

JSX Declaration

<Icon name="my-location" />

Laptop

Laptop icon example

JSX Declaration

<Icon name="laptop" />

Directions

Directions icon example

JSX Declaration

<Icon name="directions" />

Maps

Maps icon example

JSX Declaration

<Icon name="maps" />

Uber

Uber icon example

JSX Declaration

<Icon name="uber" />

Instagram

Instagram icon example

JSX Declaration

<Icon name="instagram" />