@pxblue/symbols-mui

PX Blue symbols for Material UI

Usage no npm install needed!

<script type="module">
  import pxblueSymbolsMui from 'https://cdn.skypack.dev/@pxblue/symbols-mui';
</script>

README

PX Blue Symbols for Material-UI

This library contains componentized svg symbols from @pxblue/symbols for use in React applications using Material UI. The symbols are made available in the same way that Material UI exposes the Material Icons.

Installation

To install the PX Blue mui symbols from NPM as a dependency for your project, you can run one of the following commands in your project root:

npm install --save @pxblue/symbols-mui
or
yarn add @pxblue/symbols-mui

NOTE (Peer Dependencies): Using this package requires you to have @material-ui/core and @material-ui/icons defined as dependencies in your project's package.json file.

Usage

Angular

This package is intended for use only in React applications. For a way to link svg symbols for use in Angular applications, see @pxblue/symbols.

React

Once you have installed the npm module, you can import the symbol components into your application as follows:

import mySymbol from '@pxblue/symbols-mui/MySymbol;
...
<mySymbol></mySymbol>

If you are importing multiple symbols, you can save some space by using named imports from the package root:

import {FirstSymbol, SecondSymbol, ThirdSymbol} from '@pxblue/symbols-mui';

Symbol names are in TitleCase - for a list of available symbols, refer to @pxblue/symbols or look at our live demo.

Building Symbol Set (for contributors)

To build the symbols set, e.g. when new symbols are added:

yarn install
yarn run svgr

or

yarn install
yarn run mui