microns

The universal icon set for user interfaces.

Usage no npm install needed!

<script type="module">
  import microns from 'https://cdn.skypack.dev/microns';
</script>

README

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.