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";
Props Information
| Name | Type | Default | Description |
|---|---|---|---|
| color | 'primary''secondary''info''success''warning''error''dark''light''white' | dark | Change the icon color. |
| Size | string | 16px | Used to set the width and height of the icon. |
Credit Card
// Soft UI Dashboard React examples
import CreditCard from "examples/Icons/CreditCard";
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";
Document
// Soft UI Dashboard React examples
import Document from "examples/Icons/Document";
Office
// Soft UI Dashboard React examples
import Office from "examples/Icons/Office";
Settings
// Soft UI Dashboard React examples
import Settings from "examples/Icons/Settings";
Shop
// Soft UI Dashboard React examples
import Shop from "examples/Icons/Shop";
Space Ship
// Soft UI Dashboard React examples
import SpaceShip from "examples/Icons/SpaceShip";