Version 2.0.0

Some icons got added whereby the total gzipped size
is increased by 10kb. This also brings the icons up
to date with materialdesignicons.com

There have been a few breaking changes:
- rdio got removed
- readability got removed
- burst-mode got removed, you could still use camera-burst instead
- stackoverflow got renamed to stack-overflow
- flag-outline-variant got renamed to flag-variant-outline
- car-convertable got renamed to car-convertible

Author: marcbachmann

docs/bundle.js

@@ -12,8 +12,11 @@
         padding: 3em;
         font: 15px/1.4 'Helvetica Neue';
         font-weight: 300;
-        -webkit-user-select: none;
         background: #eeeded;
+        user-select: none;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
       }
 
       .panel {
@@ -47,7 +50,6 @@
         text-align: center;
         color: rgba(0, 0, 0, .5);
         transition: color 300ms;
-        -webkit-user-select: all;
       }
 
       .icon.hide {
@@ -58,6 +60,10 @@
         color: rgb(4, 0, 128);
       }
 
+      .icon > * {
+        pointer-events: none;
+      }
+
       .icon svg {
         display: inline-block;
         fill: currentColor;
@@ -67,11 +73,16 @@
         padding: 0 15px;
       }
 
-      label {
-        overflow: hidden;
-        white-space: nowrap;
+      .icon input {
         display: block;
-        font-size: 11px;
+        width: 100%;
+        outline: none;
+        border: 0;
+        text-align: center;
+        margin-top: -13px;
+        padding: 0;
+        background: none;
+        color: rgba(0, 0, 0, .6);
       }
     </style>
 </head>

docs/index.html

@@ -4,12 +4,11 @@ const iconSearch = require('simple-text-search')(iconNames)
 const icons = require('../index')(paths, 'vendor-prefix')
 const debounce = require('lodash.debounce')
 
-
 function toIcon (name) {
   return `
     <div class="icon" name="${name}">
       ${icons.getIcon(name, `title="${name}"`)}
-      <label>${name}</label>
+      <input type="text" value="${name}" autocorrect="false" spellcheck="false"/>
     </div>
   `
 }
@@ -49,10 +48,15 @@ if (typeof window !== 'undefined') {
     }), 100)
 
     wrapper.addEventListener('click', function (evt) {
+      if (!evt.target || evt.target.className !== 'icon') return
+
+      const el = evt.target.querySelector('input')
+      const name = el.value
+      el.select()
+
       try {
-        var success = document.execCommand('copy')
-        var name = window.getSelection().baseNode.data
-        console.log(`Copied the icon ${name} into the clipboard`)
+        document.execCommand('copy')
+        console.log(`Copied the icon '${name}' into the clipboard`)
       } catch (err) {
         return console.error('Copy is not supported', err)
       }

docs/index.js

@@ -39,6 +39,7 @@ fs.mkdir('./paths', function (err) {
     var mainPackageId = init.packages[0].id
     getMdiApi('/package/' + mainPackageId, function(data) {
       var paths = data.icons.reduce(function (all, icon) {
+        if (icon.name === 'package') icon.name = 'package-regular'
         all[icon.name] = icon.data
         return all
       }, {})
@@ -47,7 +48,7 @@ fs.mkdir('./paths', function (err) {
       fs.writeFile(join(__dirname, 'paths.json'), json, function (err) {
         if (err) throw err
 
-        const promises = data.icons.map((icon) => writeFile(join(__dirname, 'paths', `${icon.name}.json`), `"${icon.data}"`))
+        const promises = Object.keys(paths).map((icon) => writeFile(join(__dirname, 'paths', `${icon}.json`), `"${paths[icon]}"`))
         Promise.all(promises).then(() => process.exit(0))
       })
     })

download.js

@@ -1,6 +1,6 @@
 {
   "name": "material-design-icons-svg",
-  "version": "1.1.2",
+  "version": "2.0.0",
   "description": "Material design icons svgs from materialdesignicons.com",
   "scripts": {
     "download": "rm -Rf paths.json ./paths && node download.js && mv paths/package.json paths/package-regular.json"

package.json

@@ -0,0 +1 @@
+"M13.5,5A3.5,3.5 0 0,0 10,8.5A3.5,3.5 0 0,0 13.5,12C14.25,12 14.94,11.76 15.5,11.36C16.07,11.76 16.76,12 17.5,12A3.5,3.5 0 0,0 21,8.5A3.5,3.5 0 0,0 17.5,5C16.76,5 16.08,5.25 15.5,5.65C14.95,5.24 14.25,5 13.5,5M13.5,6.5A2,2 0 0,1 15.5,8.5A2,2 0 0,1 13.5,10.5A2,2 0 0,1 11.5,8.5A2,2 0 0,1 13.5,6.5M17.5,6.5A2,2 0 0,1 19.5,8.5A2,2 0 0,1 17.5,10.5C17.14,10.5 16.81,10.4 16.5,10.23C16.82,9.72 17,9.13 17,8.5C17,7.87 16.82,7.28 16.5,6.77C16.81,6.6 17.14,6.5 17.5,6.5M3,8V11H0V13H3V16H5V13H8V11H5V8H3M13.5,13C11.33,13 7,14.08 7,16.25V19H24V16.25C24,14.08 19.67,13 17.5,13C16.95,13 16.25,13.08 15.5,13.22C14.78,13.08 14.07,13 13.5,13M13.5,14.5C15.94,14.5 18.5,15.71 18.5,16.25V17.5H8.5V16.25C8.5,15.71 11.06,14.5 13.5,14.5M19.08,14.66C20.93,15 22.5,15.83 22.5,16.25V17.5H20V16.25C20,15.63 19.64,15.1 19.08,14.66Z"

paths.json

@@ -0,0 +1 @@
+"M15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4M15,5.9C16.16,5.9 17.1,6.84 17.1,8C17.1,9.16 16.16,10.1 15,10.1A2.1,2.1 0 0,1 12.9,8A2.1,2.1 0 0,1 15,5.9M4,7V10H1V12H4V15H6V12H9V10H6V7H4M15,13C12.33,13 7,14.33 7,17V20H23V17C23,14.33 17.67,13 15,13M15,14.9C17.97,14.9 21.1,16.36 21.1,17V18.1H8.9V17C8.9,16.36 12,14.9 15,14.9Z"

paths/account-multiple-plus-outline.json

@@ -0,0 +1 @@
+"M22,12V21C22,21.5 21.76,21.82 21.3,21.96C20.85,22.1 20.5,21.97 20.2,21.56L18.66,19.45C16.78,21.14 14.56,22 12,22C9.25,22 6.9,21 4.95,19.05C3,17.1 2,14.75 2,12C2,9.25 3,6.9 4.95,4.95C6.9,3 9.25,2 12,2C14.75,2 17.1,3 19.05,4.95C21,6.9 22,9.25 22,12Z"

paths/account-plus-outline.json

@@ -0,0 +1 @@
+"M12.5,19.5V3.47H14.53V19.5H12.5M9.5,19.5V3.47H11.53V19.5H9.5M4.5,7.5L8.53,11.5L4.5,15.47V12.47H1.5V10.5H4.5V7.5M19.5,15.47L15.5,11.5L19.5,7.5V10.5H22.5V12.47H19.5V15.47Z"