@fluentui/react-icons-northstar
TypeScript icon, indicating that this package has built-in type declarations

0.66.5 • Public • Published

@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' });

Readme

Keywords

none

Package Sidebar

Install

npm i @fluentui/react-icons-northstar

Weekly Downloads

10,027

Version

0.66.5

License

MIT

Unpacked Size

4.98 MB

Total Files

1877

Last publish

Collaborators

  • sopranopillow
  • microsoft1es
  • justslone
  • chrisdholt
  • miroslavstastny
  • levithomason
  • uifabricteam
  • uifrnbot
  • dzearing
  • layershifter
  • ling1726
  • travisspomer