react-icons-sax

Icons are provided by Iconsax. Please visit the official website for further details iconsax.io

Here is a basic example of using `react-icons-sax` within a `React` application.
import { EssetionalPetOutline } from 'react-icons-sax';

<EssetionalPetOutline />;
All props are optional
PropTypeDescription
colorstringThe stroke, line, or fill color varies depending on the type of icon. RGB and HEX colors. Default: currentColor
sizestringIcon size. Default: 24
...SVGPropsSVGPropsYou can override any SVGProps
React Iconsax example with React MUI library mui.com

Because icons use "currentColor," mui color variations will also be used on icons.

Primary color

With Icon
import Chip from '@mui/material/Chip';

<Chip icon={<EssetionalPetOutline />} color="primary" label="With Icon" />

Default color

With Icon
import Chip from '@mui/material/Chip';

<Chip icon={<EssetionalPetOutline />}  color="default" label="With Icon" />

Secondary color

With Icon
import Chip from '@mui/material/Chip';

<Chip icon={<EssetionalPetOutline />}  color="secondary" label="With Icon" />

Error color

With Icon
import Chip from '@mui/material/Chip';

<Chip icon={<EssetionalPetOutline />}  color="error" label="With Icon" />

Info color

With Icon
import Chip from '@mui/material/Chip';

<Chip icon={<EssetionalPetOutline />}  color="info" label="With Icon" />

Warning color

With Icon
import Chip from '@mui/material/Chip';

<Chip icon={<EssetionalPetOutline />}  color="warning" label="With Icon" />

Success color

With Icon
import Chip from '@mui/material/Chip';

<Chip icon={<EssetionalPetOutline />}  color="success" label="With Icon" />