Icons

We've design a set of custom icons as components that can help you for different purposes.


The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.

Basket

// Soft UI Dashboard React examples import Basket from "examples/Icons/Basket"; basket

Props Information

NameTypeDefaultDescription
color'primary''secondary''info''success''warning''error''dark''light''white'darkChange the icon color.
Sizestring16pxUsed to set the width and height of the icon.

Credit Card

// Soft UI Dashboard React examples import CreditCard from "examples/Icons/CreditCard"; credit-card

Cube

// Soft UI Dashboard React examples import Cube from "examples/Icons/Cube";

Customer Support

// Soft UI Dashboard React examples import CustomerSupport from "examples/Icons/CustomerSupport"; customer-support

Document

// Soft UI Dashboard React examples import Document from "examples/Icons/Document"; document

Office

// Soft UI Dashboard React examples import Office from "examples/Icons/Office"; office

Settings

// Soft UI Dashboard React examples import Settings from "examples/Icons/Settings"; settings

Shop

// Soft UI Dashboard React examples import Shop from "examples/Icons/Shop"; shop

Space Ship

// Soft UI Dashboard React examples import SpaceShip from "examples/Icons/SpaceShip"; spaceship