microns icon indicating copy to clipboard operation
microns copied to clipboard

The universal icon set for user interfaces.

Microns

npm GitHub Repo stars NPM

The universal icon set for user interfaces. Read more.

npm install microns

Microns are a no-nonsense set of icons designed specifically for user interfaces. Rather than provide a large library of unnecessary glyphs, microns provide a sensible baseline of well-drawn icons that will cover 99% of your use cases for less than 5kb.

arrow-left arrow-right arrow-up arrow-down left right up down upload download
undo redo replay plus minus caret caret-up caret-down i-left i-right
i-up i-down i-plus i-minus i-tick i-cross i-bullet i-asterisk play pause
subtitles vol-low vol-mid vol-high vol-mute captions hd audio-description chart-line chart-bar
chart-scatter chart-pie calendar clock star heart flag bookmark chat edit
delete show hide lock cog link user group file image
video audio print menu bars cancel opts-h opts-v search zoom-in
zoom-out contract expand grid matrix chapters rss share mail code
box box-full box-plus box-minus box-tick box-cross radio-off radio-on radio-full info
warn pass fail text bold italic underline strikeout text-size text-unstyle
align-left align-center align-right indent outdent cloud web wifi s-ings.com

Using Microns

Microns can be consumed as icon fonts or SVG files. Import the fonts with the provided CSS or Sass files.

A JSON dictionary provides a list of icon classes and corresponding unicode points.

icons.json

fonts/
  microns.css
  microns.scss
  microns.woff2
  microns.woff
  microns.ttf
  microns.svg
  microns.eot
  
svg/
  align-center.svg
  align-left.svg
  align-right.svg
  arrow-down.svg
  arrow-left.svg
  arrow-right.svg
  ...

License

Icons/Artwork

Distributed under CC BY-SA licence.

Font

Distributed under SIL Open Font Licence licence.