@fluentui/react-icons-northstar

A set svg icons and utilities for creating custom ones.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@fluentui/react-icons-northstar
17,5526250.66.510 months ago4 years agoMinified + gzip package size for @fluentui/react-icons-northstar in KB

Readme

@fluentui/react-icons-northstar
A set of reusable components and hooks to build component libraries and UI kits.

- createSvgIcon()
- [Usage](#usage)
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' });