Solid Fluent Icons

An unofficial port of the collection of familiar, friendly and modern icons from Microsoft.

Usage

import { AlertIcon, MoreHorizontalIcon, OptionsIcon } from 'solid-fluent-icons'

function MyComponent() {
  return (
    <div>
      <AlertIcon />
      <MoreHorizontalIcon />
      <OptionsIcon />
    </div>
  )
}

You may use a version optimized for a particular pixel size:

import { AlertIcon, MoreHorizontalIcon, OptionsIcon } from 'solid-fluent-icons/20'

function MyComponent() {
  return (
    <div>
      <AlertIcon />
      <MoreHorizontalIcon />
      <OptionsIcon />
    </div>
  )
}

The available sizes are 10, 12, 16, 20, 24, 28, 32, 48. The default size is 24.

Not all icons are available at every size.

Documentation

For full documentation, visit trents.computer/fluent-icons.