Zeppelin icons distributed as SVG React components.
npm install @zlab-de/zel-react-icons``sh`
yarn add @zlab-de/zel-react-icons
`sh
import React from 'react'
import CloseIcon from '@zlab-de/zel-react-icons/EssentialClose'
function MyComponent(){
return(
export default MyComponent
`
These components use the MUI SvgIcon component to
render the SVG path for each icon.
If you are not already using MUI in your project, you can add it with:
`sh
// with npm
npm install @mui/material
// with yarn
yarn add @mui/material
``
- The documentation
- The icons search
1. Clone the MUI @next repo
2. add your svgs to the folder /packages/material-ui-icons/material-icons
3. rename all svgs using the following conventions;
-replace all "-" with "\_"
-add suffix "\_24px.svg"
4. run yarn src:icons
5. run yarn build