@zlab-de/zel-react-icons

Zeppelin Element Library React Component Icons: @zlab-de/zel-react-icons

yarn add @zlab-de/zel-react-icons

How to use these icons

import React from 'react'
import CloseIcon from '@zlab-de/zel-react-icons/EssentialClose'

function MyComponent(){
    return(
        <div>
            <CloseIcon />
        </div>
    )
}

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:

// with npm
npm install @mui/material

// with yarn
yarn add @mui/material

Documentation

• The documentation
• The icons search

How to add an icon

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