@fluentui/react-icons-northstar
v0.66.5
Published
A set svg icons and utilities for creating custom ones.
Downloads
59,244
Maintainers
Keywords
Readme
@fluentui/react-icons-northstar
A set of reusable components and hooks to build component libraries and UI kits.
Installation
NPM
npm install --save @fluentui/react-icons-northstar
Yarn
yarn add @fluentui/react-icons-northstar
Utilities
createSvgIcon()
A factory for creating svg icons.
Usage
The example below assumes an icon component called <CircleIcon>
will be created in this way:
const circleSvg = ({ classes }) => (
<svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
<g>
<path d="M16,8c-4.418,0-8,3.582-8,8s3.582,8,8,8s8-3.582,8-8S20.418,8,16,8z M16,22.85c-3.783,0-6.85-3.067-6.85-6.85S12.217,9.15,16,9.15s6.85,3.067,6.85,6.85S19.783,22.85,16,22.85z" />
<circle className={classes.filledPart} cx="16" cy="16" r="8" />
</g>
</svg>
);
const CircleIcon = createSvgIcon({ svg: circleSvg, displayName: 'CircleIcon' });