Icons

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

API

Props

  • None

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" />