microns 1.0.11 → 1.1.0

package/README.md

@@ -1,11 +1,11 @@
 # Microns
+
 ![npm](https://img.shields.io/npm/v/microns)
 ![GitHub Repo stars](https://img.shields.io/github/stars/stephenhutchings/microns)
 ![NPM](https://img.shields.io/npm/l/microns)
 
 The universal icon set for user interfaces. [Read more](https://www.s-ings.com/projects/microns-icon-font/).
 
-
 ```
 npm install microns
 ```
@@ -13,141 +13,9 @@ 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.
-
-<table style="border:0;">
-<tr>
-<td><img alt="arrow-left" src="https://stephenhutchings.github.io/microns/svg/arrow-left.svg" width="32" height="32" /></td>
-<td><img alt="arrow-right" src="https://stephenhutchings.github.io/microns/svg/arrow-right.svg" width="32" height="32" /></td>
-<td><img alt="arrow-up" src="https://stephenhutchings.github.io/microns/svg/arrow-up.svg" width="32" height="32" /></td>
-<td><img alt="arrow-down" src="https://stephenhutchings.github.io/microns/svg/arrow-down.svg" width="32" height="32" /></td>
-<td><img alt="left" src="https://stephenhutchings.github.io/microns/svg/left.svg" width="32" height="32" /></td>
-<td><img alt="right" src="https://stephenhutchings.github.io/microns/svg/right.svg" width="32" height="32" /></td>
-<td><img alt="up" src="https://stephenhutchings.github.io/microns/svg/up.svg" width="32" height="32" /></td>
-<td><img alt="down" src="https://stephenhutchings.github.io/microns/svg/down.svg" width="32" height="32" /></td>
-<td><img alt="upload" src="https://stephenhutchings.github.io/microns/svg/upload.svg" width="32" height="32" /></td>
-<td><img alt="download" src="https://stephenhutchings.github.io/microns/svg/download.svg" width="32" height="32" /></td>
-</tr>
-<tr>
-<td><img alt="undo" src="https://stephenhutchings.github.io/microns/svg/undo.svg" width="32" height="32" /></td>
-<td><img alt="redo" src="https://stephenhutchings.github.io/microns/svg/redo.svg" width="32" height="32" /></td>
-<td><img alt="replay" src="https://stephenhutchings.github.io/microns/svg/replay.svg" width="32" height="32" /></td>
-<td><img alt="plus" src="https://stephenhutchings.github.io/microns/svg/plus.svg" width="32" height="32" /></td>
-<td><img alt="minus" src="https://stephenhutchings.github.io/microns/svg/minus.svg" width="32" height="32" /></td>
-<td><img alt="caret" src="https://stephenhutchings.github.io/microns/svg/caret.svg" width="32" height="32" /></td>
-<td><img alt="caret-up" src="https://stephenhutchings.github.io/microns/svg/caret-up.svg" width="32" height="32" /></td>
-<td><img alt="caret-down" src="https://stephenhutchings.github.io/microns/svg/caret-down.svg" width="32" height="32" /></td>
-<td><img alt="i-left" src="https://stephenhutchings.github.io/microns/svg/i-left.svg" width="32" height="32" /></td>
-<td><img alt="i-right" src="https://stephenhutchings.github.io/microns/svg/i-right.svg" width="32" height="32" /></td>
-</tr>
-<tr>
-<td><img alt="i-up" src="https://stephenhutchings.github.io/microns/svg/i-up.svg" width="32" height="32" /></td>
-<td><img alt="i-down" src="https://stephenhutchings.github.io/microns/svg/i-down.svg" width="32" height="32" /></td>
-<td><img alt="i-plus" src="https://stephenhutchings.github.io/microns/svg/i-plus.svg" width="32" height="32" /></td>
-<td><img alt="i-minus" src="https://stephenhutchings.github.io/microns/svg/i-minus.svg" width="32" height="32" /></td>
-<td><img alt="i-tick" src="https://stephenhutchings.github.io/microns/svg/i-tick.svg" width="32" height="32" /></td>
-<td><img alt="i-cross" src="https://stephenhutchings.github.io/microns/svg/i-cross.svg" width="32" height="32" /></td>
-<td><img alt="i-bullet" src="https://stephenhutchings.github.io/microns/svg/i-bullet.svg" width="32" height="32" /></td>
-<td><img alt="i-asterisk" src="https://stephenhutchings.github.io/microns/svg/i-asterisk.svg" width="32" height="32" /></td>
-<td><img alt="play" src="https://stephenhutchings.github.io/microns/svg/play.svg" width="32" height="32" /></td>
-<td><img alt="pause" src="https://stephenhutchings.github.io/microns/svg/pause.svg" width="32" height="32" /></td>
-</tr>
-<tr>
-<td><img alt="subtitles" src="https://stephenhutchings.github.io/microns/svg/subtitles.svg" width="32" height="32" /></td>
-<td><img alt="vol-low" src="https://stephenhutchings.github.io/microns/svg/vol-low.svg" width="32" height="32" /></td>
-<td><img alt="vol-mid" src="https://stephenhutchings.github.io/microns/svg/vol-mid.svg" width="32" height="32" /></td>
-<td><img alt="vol-high" src="https://stephenhutchings.github.io/microns/svg/vol-high.svg" width="32" height="32" /></td>
-<td><img alt="vol-mute" src="https://stephenhutchings.github.io/microns/svg/vol-mute.svg" width="32" height="32" /></td>
-<td><img alt="captions" src="https://stephenhutchings.github.io/microns/svg/captions.svg" width="32" height="32" /></td>
-<td><img alt="hd" src="https://stephenhutchings.github.io/microns/svg/hd.svg" width="32" height="32" /></td>
-<td><img alt="audio-description" src="https://stephenhutchings.github.io/microns/svg/audio-description.svg" width="32" height="32" /></td>
-<td><img alt="chart-line" src="https://stephenhutchings.github.io/microns/svg/chart-line.svg" width="32" height="32" /></td>
-<td><img alt="chart-bar" src="https://stephenhutchings.github.io/microns/svg/chart-bar.svg" width="32" height="32" /></td>
-</tr>
-<tr>
-<td><img alt="chart-scatter" src="https://stephenhutchings.github.io/microns/svg/chart-scatter.svg" width="32" height="32" /></td>
-<td><img alt="chart-pie" src="https://stephenhutchings.github.io/microns/svg/chart-pie.svg" width="32" height="32" /></td>
-<td><img alt="calendar" src="https://stephenhutchings.github.io/microns/svg/calendar.svg" width="32" height="32" /></td>
-<td><img alt="clock" src="https://stephenhutchings.github.io/microns/svg/clock.svg" width="32" height="32" /></td>
-<td><img alt="star" src="https://stephenhutchings.github.io/microns/svg/star.svg" width="32" height="32" /></td>
-<td><img alt="heart" src="https://stephenhutchings.github.io/microns/svg/heart.svg" width="32" height="32" /></td>
-<td><img alt="flag" src="https://stephenhutchings.github.io/microns/svg/flag.svg" width="32" height="32" /></td>
-<td><img alt="bookmark" src="https://stephenhutchings.github.io/microns/svg/bookmark.svg" width="32" height="32" /></td>
-<td><img alt="chat" src="https://stephenhutchings.github.io/microns/svg/chat.svg" width="32" height="32" /></td>
-<td><img alt="edit" src="https://stephenhutchings.github.io/microns/svg/edit.svg" width="32" height="32" /></td>
-</tr>
-<tr>
-<td><img alt="delete" src="https://stephenhutchings.github.io/microns/svg/delete.svg" width="32" height="32" /></td>
-<td><img alt="show" src="https://stephenhutchings.github.io/microns/svg/show.svg" width="32" height="32" /></td>
-<td><img alt="hide" src="https://stephenhutchings.github.io/microns/svg/hide.svg" width="32" height="32" /></td>
-<td><img alt="lock" src="https://stephenhutchings.github.io/microns/svg/lock.svg" width="32" height="32" /></td>
-<td><img alt="cog" src="https://stephenhutchings.github.io/microns/svg/cog.svg" width="32" height="32" /></td>
-<td><img alt="link" src="https://stephenhutchings.github.io/microns/svg/link.svg" width="32" height="32" /></td>
-<td><img alt="user" src="https://stephenhutchings.github.io/microns/svg/user.svg" width="32" height="32" /></td>
-<td><img alt="group" src="https://stephenhutchings.github.io/microns/svg/group.svg" width="32" height="32" /></td>
-<td><img alt="file" src="https://stephenhutchings.github.io/microns/svg/file.svg" width="32" height="32" /></td>
-<td><img alt="image" src="https://stephenhutchings.github.io/microns/svg/image.svg" width="32" height="32" /></td>
-</tr>
-<tr>
-<td><img alt="video" src="https://stephenhutchings.github.io/microns/svg/video.svg" width="32" height="32" /></td>
-<td><img alt="audio" src="https://stephenhutchings.github.io/microns/svg/audio.svg" width="32" height="32" /></td>
-<td><img alt="print" src="https://stephenhutchings.github.io/microns/svg/print.svg" width="32" height="32" /></td>
-<td><img alt="menu" src="https://stephenhutchings.github.io/microns/svg/menu.svg" width="32" height="32" /></td>
-<td><img alt="bars" src="https://stephenhutchings.github.io/microns/svg/bars.svg" width="32" height="32" /></td>
-<td><img alt="cancel" src="https://stephenhutchings.github.io/microns/svg/cancel.svg" width="32" height="32" /></td>
-<td><img alt="opts-h" src="https://stephenhutchings.github.io/microns/svg/opts-h.svg" width="32" height="32" /></td>
-<td><img alt="opts-v" src="https://stephenhutchings.github.io/microns/svg/opts-v.svg" width="32" height="32" /></td>
-<td><img alt="search" src="https://stephenhutchings.github.io/microns/svg/search.svg" width="32" height="32" /></td>
-<td><img alt="zoom-in" src="https://stephenhutchings.github.io/microns/svg/zoom-in.svg" width="32" height="32" /></td>
-</tr>
-<tr>
-<td><img alt="zoom-out" src="https://stephenhutchings.github.io/microns/svg/zoom-out.svg" width="32" height="32" /></td>
-<td><img alt="contract" src="https://stephenhutchings.github.io/microns/svg/contract.svg" width="32" height="32" /></td>
-<td><img alt="expand" src="https://stephenhutchings.github.io/microns/svg/expand.svg" width="32" height="32" /></td>
-<td><img alt="grid" src="https://stephenhutchings.github.io/microns/svg/grid.svg" width="32" height="32" /></td>
-<td><img alt="matrix" src="https://stephenhutchings.github.io/microns/svg/matrix.svg" width="32" height="32" /></td>
-<td><img alt="chapters" src="https://stephenhutchings.github.io/microns/svg/chapters.svg" width="32" height="32" /></td>
-<td><img alt="rss" src="https://stephenhutchings.github.io/microns/svg/rss.svg" width="32" height="32" /></td>
-<td><img alt="share" src="https://stephenhutchings.github.io/microns/svg/share.svg" width="32" height="32" /></td>
-<td><img alt="mail" src="https://stephenhutchings.github.io/microns/svg/mail.svg" width="32" height="32" /></td>
-<td><img alt="code" src="https://stephenhutchings.github.io/microns/svg/code.svg" width="32" height="32" /></td>
-</tr>
-<tr>
-<td><img alt="box" src="https://stephenhutchings.github.io/microns/svg/box.svg" width="32" height="32" /></td>
-<td><img alt="box-full" src="https://stephenhutchings.github.io/microns/svg/box-full.svg" width="32" height="32" /></td>
-<td><img alt="box-plus" src="https://stephenhutchings.github.io/microns/svg/box-plus.svg" width="32" height="32" /></td>
-<td><img alt="box-minus" src="https://stephenhutchings.github.io/microns/svg/box-minus.svg" width="32" height="32" /></td>
-<td><img alt="box-tick" src="https://stephenhutchings.github.io/microns/svg/box-tick.svg" width="32" height="32" /></td>
-<td><img alt="box-cross" src="https://stephenhutchings.github.io/microns/svg/box-cross.svg" width="32" height="32" /></td>
-<td><img alt="radio-off" src="https://stephenhutchings.github.io/microns/svg/radio-off.svg" width="32" height="32" /></td>
-<td><img alt="radio-on" src="https://stephenhutchings.github.io/microns/svg/radio-on.svg" width="32" height="32" /></td>
-<td><img alt="radio-full" src="https://stephenhutchings.github.io/microns/svg/radio-full.svg" width="32" height="32" /></td>
-<td><img alt="info" src="https://stephenhutchings.github.io/microns/svg/info.svg" width="32" height="32" /></td>
-</tr>
-<tr>
-<td><img alt="warn" src="https://stephenhutchings.github.io/microns/svg/warn.svg" width="32" height="32" /></td>
-<td><img alt="pass" src="https://stephenhutchings.github.io/microns/svg/pass.svg" width="32" height="32" /></td>
-<td><img alt="fail" src="https://stephenhutchings.github.io/microns/svg/fail.svg" width="32" height="32" /></td>
-<td><img alt="text" src="https://stephenhutchings.github.io/microns/svg/text.svg" width="32" height="32" /></td>
-<td><img alt="bold" src="https://stephenhutchings.github.io/microns/svg/bold.svg" width="32" height="32" /></td>
-<td><img alt="italic" src="https://stephenhutchings.github.io/microns/svg/italic.svg" width="32" height="32" /></td>
-<td><img alt="underline" src="https://stephenhutchings.github.io/microns/svg/underline.svg" width="32" height="32" /></td>
-<td><img alt="strikeout" src="https://stephenhutchings.github.io/microns/svg/strikeout.svg" width="32" height="32" /></td>
-<td><img alt="text-size" src="https://stephenhutchings.github.io/microns/svg/text-size.svg" width="32" height="32" /></td>
-<td><img alt="text-unstyle" src="https://stephenhutchings.github.io/microns/svg/text-unstyle.svg" width="32" height="32" /></td>
-</tr>
-<tr>
-<td><img alt="align-left" src="https://stephenhutchings.github.io/microns/svg/align-left.svg" width="32" height="32" /></td>
-<td><img alt="align-center" src="https://stephenhutchings.github.io/microns/svg/align-center.svg" width="32" height="32" /></td>
-<td><img alt="align-right" src="https://stephenhutchings.github.io/microns/svg/align-right.svg" width="32" height="32" /></td>
-<td><img alt="indent" src="https://stephenhutchings.github.io/microns/svg/indent.svg" width="32" height="32" /></td>
-<td><img alt="outdent" src="https://stephenhutchings.github.io/microns/svg/outdent.svg" width="32" height="32" /></td>
-<td><img alt="cloud" src="https://stephenhutchings.github.io/microns/svg/cloud.svg" width="32" height="32" /></td>
-<td><img alt="web" src="https://stephenhutchings.github.io/microns/svg/web.svg" width="32" height="32" /></td>
-<td><img alt="wifi" src="https://stephenhutchings.github.io/microns/svg/wifi.svg" width="32" height="32" /></td>
-<td colspan="2"><a href="https://www.s-ings.com">s-ings.com</a></td>
-</tr>
-</table>
+99% of your use cases for less than 10kb.
+
+<img alt="Microns icon set" src="https://stephenhutchings.github.io/microns/fonts/preview.svg" width="600" height="696" />
 
 ## Using Microns
 
@@ -164,9 +32,9 @@ fonts/
   microns.woff2
   microns.woff
   microns.ttf
+  microns.otf
   microns.svg
-  microns.eot
-  
+
 svg/
   align-center.svg
   align-left.svg

package/fonts/microns.css

@@ -2,10 +2,9 @@
   font-family: "microns";
   font-style: normal;
   font-weight: normal;
-  src: url("microns.eot");
-  src: url("microns.eot?#iefix") format("embedded-opentype"),
-       url("microns.woff2") format("woff2"),
+  src: url("microns.woff2") format("woff2"),
        url("microns.woff") format("woff"),
+       url("microns.otf") format("opentype"),
        url("microns.ttf") format("truetype"),
        url("microns.svg") format("svg");
 }
@@ -77,12 +76,44 @@
   content: "\e70c";
 }
 
-.mu-plus:before {
-  content: "\e70d";
+.mu-refresh:before {
+  content: "\e796";
 }
 
-.mu-minus:before {
-  content: "\e70e";
+.mu-external:before {
+  content: "\e773";
+}
+
+.mu-internal:before {
+  content: "\e795";
+}
+
+.mu-scale:before {
+  content: "\e793";
+}
+
+.mu-scale-h:before {
+  content: "\e79b";
+}
+
+.mu-scale-v:before {
+  content: "\e79c";
+}
+
+.mu-move:before {
+  content: "\e794";
+}
+
+.mu-move-alt:before {
+  content: "\e79d";
+}
+
+.mu-swap:before {
+  content: "\e79e";
+}
+
+.mu-shuffle:before {
+  content: "\e79f";
 }
 
 .mu-caret:before {
@@ -121,6 +152,14 @@
   content: "\e717";
 }
 
+.mu-i-equal:before {
+  content: "\e7a6";
+}
+
+.mu-i-divide:before {
+  content: "\e7a7";
+}
+
 .mu-i-tick:before {
   content: "\e718";
 }
@@ -145,10 +184,22 @@
   content: "\e71d";
 }
 
+.mu-prev:before {
+  content: "\e774";
+}
+
+.mu-next:before {
+  content: "\e775";
+}
+
 .mu-subtitles:before {
   content: "\e71e";
 }
 
+.mu-audio-description:before {
+  content: "\e725";
+}
+
 .mu-vol-low:before {
   content: "\e71f";
 }
@@ -173,10 +224,6 @@
   content: "\e724";
 }
 
-.mu-audio-description:before {
-  content: "\e725";
-}
-
 .mu-chart-line:before {
   content: "\e726";
 }
@@ -193,6 +240,10 @@
   content: "\e729";
 }
 
+.mu-chart-area:before {
+  content: "\e7a3";
+}
+
 .mu-calendar:before {
   content: "\e72a";
 }
@@ -229,6 +280,14 @@
   content: "\e732";
 }
 
+.mu-plus:before {
+  content: "\e70d";
+}
+
+.mu-minus:before {
+  content: "\e70e";
+}
+
 .mu-show:before {
   content: "\e733";
 }
@@ -241,26 +300,34 @@
   content: "\e735";
 }
 
-.mu-cog:before {
-  content: "\e736";
+.mu-ban:before {
+  content: "\e7a4";
+}
+
+.mu-pipette:before {
+  content: "\e7a5";
 }
 
 .mu-link:before {
   content: "\e737";
 }
 
-.mu-user:before {
-  content: "\e738";
+.mu-attach:before {
+  content: "\e776";
 }
 
-.mu-group:before {
-  content: "\e739";
+.mu-copy:before {
+  content: "\e78a";
 }
 
 .mu-file:before {
   content: "\e73a";
 }
 
+.mu-folder:before {
+  content: "\e777";
+}
+
 .mu-image:before {
   content: "\e73b";
 }
@@ -273,6 +340,14 @@
   content: "\e73d";
 }
 
+.mu-microphone:before {
+  content: "\e778";
+}
+
+.mu-video-camera:before {
+  content: "\e779";
+}
+
 .mu-print:before {
   content: "\e73e";
 }
@@ -285,10 +360,6 @@
   content: "\e740";
 }
 
-.mu-cancel:before {
-  content: "\e741";
-}
-
 .mu-opts-h:before {
   content: "\e742";
 }
@@ -297,6 +368,18 @@
   content: "\e743";
 }
 
+.mu-home:before {
+  content: "\e77a";
+}
+
+.mu-cancel:before {
+  content: "\e741";
+}
+
+.mu-cog:before {
+  content: "\e736";
+}
+
 .mu-search:before {
   content: "\e744";
 }
@@ -325,24 +408,16 @@
   content: "\e74a";
 }
 
-.mu-chapters:before {
-  content: "\e74b";
-}
-
-.mu-rss:before {
-  content: "\e74c";
-}
-
-.mu-share:before {
-  content: "\e74d";
+.mu-list:before {
+  content: "\e77b";
 }
 
-.mu-mail:before {
-  content: "\e74e";
+.mu-min:before {
+  content: "\e791";
 }
 
-.mu-code:before {
-  content: "\e74f";
+.mu-max:before {
+  content: "\e792";
 }
 
 .mu-box:before {
@@ -369,6 +444,22 @@
   content: "\e755";
 }
 
+.mu-box-minus-o:before {
+  content: "\e77c";
+}
+
+.mu-box-plus-o:before {
+  content: "\e77d";
+}
+
+.mu-box-tick-o:before {
+  content: "\e77e";
+}
+
+.mu-box-cross-o:before {
+  content: "\e77f";
+}
+
 .mu-radio-off:before {
   content: "\e756";
 }
@@ -397,6 +488,10 @@
   content: "\e75c";
 }
 
+.mu-unknown:before {
+  content: "\e780";
+}
+
 .mu-text:before {
   content: "\e75d";
 }
@@ -425,6 +520,38 @@
   content: "\e763";
 }
 
+.mu-paragraph:before {
+  content: "\b6";
+}
+
+.mu-sub:before {
+  content: "\e7a0";
+}
+
+.mu-sup:before {
+  content: "\e7a1";
+}
+
+.mu-at:before {
+  content: "\40";
+}
+
+.mu-hash:before {
+  content: "\23";
+}
+
+.mu-translate:before {
+  content: "\e786";
+}
+
+.mu-user:before {
+  content: "\e738";
+}
+
+.mu-group:before {
+  content: "\e739";
+}
+
 .mu-align-left:before {
   content: "\e764";
 }
@@ -445,14 +572,110 @@
   content: "\e768";
 }
 
-.mu-cloud:before {
-  content: "\e769";
+.mu-justify-left:before {
+  content: "\e782";
+}
+
+.mu-justify-center:before {
+  content: "\e781";
+}
+
+.mu-justify-right:before {
+  content: "\e783";
+}
+
+.mu-chapters:before {
+  content: "\e74b";
+}
+
+.mu-columns:before {
+  content: "\e7a2";
+}
+
+.mu-sort-asc:before {
+  content: "\e784";
+}
+
+.mu-sort-desc:before {
+  content: "\e785";
 }
 
 .mu-web:before {
   content: "\e76a";
 }
 
+.mu-cloud:before {
+  content: "\e769";
+}
+
 .mu-wifi:before {
   content: "\e76b";
 }
+
+.mu-rss:before {
+  content: "\e74c";
+}
+
+.mu-share:before {
+  content: "\e74d";
+}
+
+.mu-mail:before {
+  content: "\e74e";
+}
+
+.mu-code:before {
+  content: "\e74f";
+}
+
+.mu-drive:before {
+  content: "\e787";
+}
+
+.mu-server:before {
+  content: "\e788";
+}
+
+.mu-power:before {
+  content: "\e789";
+}
+
+.mu-landscape:before {
+  content: "\e78d";
+}
+
+.mu-portrait:before {
+  content: "\e78e";
+}
+
+.mu-panel-left:before {
+  content: "\e78f";
+}
+
+.mu-panel-right:before {
+  content: "\e790";
+}
+
+.mu-above:before {
+  content: "\e78b";
+}
+
+.mu-below:before {
+  content: "\e78c";
+}
+
+.mu-difference:before {
+  content: "\e797";
+}
+
+.mu-intersect:before {
+  content: "\e798";
+}
+
+.mu-outline:before {
+  content: "\e799";
+}
+
+.mu-unite:before {
+  content: "\e79a";
+}