Icons

MAU provides icons in SVG format that are published as a separate package. You can install the icons package from NPM:

npm install hc-app-icons

Usage

React

Since React runs on the web and all of the browsers have in-built support for rendering SVG files, there are no additional steps required for this. By default, the SVG files should be imported and be supplied as the source to an img tag

import { UserSvg } from 'hc-app-icons';

<img src={UserSvg} ... />

There are libraries available that make working with SVGs in React a lot easier. For example, react-svg and SVGR.

React Native

Since React Native doesn't have in-built support for SVG files, you'll first need to install the react-native-svg package. More details on setting up the library with React Native can be found here.

npm install react-native-svg