Add headphones icon

thelioncape · Apr 5, 2020 · 9af0777 · 9af0777
1 parent f4bd091
commit 9af0777
Show file tree

Hide file tree

Showing 14 changed files with 92 additions and 18 deletions.
diff --git a/fonts/demo.html b/fonts/demo.html
@@ -9,10 +9,24 @@
     <link rel="stylesheet" href="style.css"></head>
 <body>
     <div class="bgc1 clearfix">
-        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> DesktopIcons <small class="fgc1">(Glyphs:&nbsp;6)</small></h1>
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> DesktopIcons <small class="fgc1">(Glyphs:&nbsp;7)</small></h1>
     </div>
     <div class="clearfix mhl ptl">
         <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="DesktopIcons-headphones"></span>
+                <span class="mls"> DesktopIcons-headphones</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e906" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe906;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
                 <span class="DesktopIcons-steam-icon"></span>

diff --git a/fonts/fonts/DesktopIcons.eot b/fonts/fonts/DesktopIcons.eot
diff --git a/fonts/fonts/DesktopIcons.svg b/fonts/fonts/DesktopIcons.svg
diff --git a/fonts/fonts/DesktopIcons.ttf b/fonts/fonts/DesktopIcons.ttf
diff --git a/fonts/fonts/DesktopIcons.woff b/fonts/fonts/DesktopIcons.woff
diff --git a/fonts/selection.json b/fonts/selection.json
diff --git a/fonts/style.css b/fonts/style.css
@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'DesktopIcons';
-  src:  url('fonts/DesktopIcons.eot?ojtbsu');
-  src:  url('fonts/DesktopIcons.eot?ojtbsu#iefix') format('embedded-opentype'),
-    url('fonts/DesktopIcons.ttf?ojtbsu') format('truetype'),
-    url('fonts/DesktopIcons.woff?ojtbsu') format('woff'),
-    url('fonts/DesktopIcons.svg?ojtbsu#DesktopIcons') format('svg');
+  src:  url('fonts/DesktopIcons.eot?9u1nu5');
+  src:  url('fonts/DesktopIcons.eot?9u1nu5#iefix') format('embedded-opentype'),
+    url('fonts/DesktopIcons.ttf?9u1nu5') format('truetype'),
+    url('fonts/DesktopIcons.woff?9u1nu5') format('woff'),
+    url('fonts/DesktopIcons.svg?9u1nu5#DesktopIcons') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -25,6 +25,9 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.DesktopIcons-headphones:before {
+  content: "\e906";
+}
 .DesktopIcons-steam-icon:before {
   content: "\e905";
 }

diff --git a/glyphs/PNG/headphones.png b/glyphs/PNG/headphones.png
diff --git a/glyphs/Read Me.txt b/glyphs/Read Me.txt
@@ -4,7 +4,7 @@ If you prefer using PNGs, PDFs, or CSS sprites, refer to the Preferences panel o
 
 *demo.html* lists the icons that you selected. To insert your icons as inline SVGs (with the <use> element), copy the <svg> element (that contains symbol definitions) from the source of the demo.html file, below your own HTML's <body> tag. After copying this SVG, you can reference your glyphs like the following:
 
-<svg class="icon icon-steam-icon"><use xlink:href="#icon-steam-icon"></use></svg>
+<svg class="icon icon-headphones"><use xlink:href="#icon-headphones"></use></svg>
 
 You can get this code from the SVG tab of the IcoMoon app, or by referring to the source of the demo.html file. To see how you can change the color/size of your icons using CSS, refer to the example provided in the *style.css* file.
 

diff --git a/glyphs/SVG/headphones.svg b/glyphs/SVG/headphones.svg
diff --git a/glyphs/demo-external-svg.html b/glyphs/demo-external-svg.html
@@ -15,6 +15,11 @@
 </header>
     <div class="clearfix mhl ptl">
         <h1 class="mvm mtn fgc1">Grid Size: 0</h1>
+        <div class="glyph fs1">
+            <div class="clearfix pbs">
+                <svg class="icon icon-headphones"><use xlink:href="symbol-defs.svg#icon-headphones"></use></svg><span class="name"> icon-headphones</span>
+            </div>
+        </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
                 <svg class="icon icon-steam-icon"><use xlink:href="symbol-defs.svg#icon-steam-icon"></use></svg><span class="name"> icon-steam-icon</span>

diff --git a/glyphs/demo.html b/glyphs/demo.html
@@ -10,6 +10,9 @@
 <body>
 <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <defs>
+<symbol id="icon-headphones" viewBox="0 0 32 32">
+<path d="M16 2c-8.842 0-16 7.156-16 16v3c0 0 0 0 0 0 0 0.779 0.445 1.453 1.094 1.784l0.011 0.005 0.899 0.449c0.126 3.756 3.209 6.762 6.995 6.762h1.5c0.828 0 1.5-0.672 1.5-1.5v-11c0-0.828-0.672-1.5-1.5-1.5h-1.5c-1.959 0-3.729 0.805-5 2.102v-0.102c0-6.617 5.383-12 12-12s12 5.383 12 12v0.102c-1.271-1.297-3.041-2.102-5-2.102h-1.5c-0.828 0-1.5 0.672-1.5 1.5v11c0 0.828 0.672 1.5 1.5 1.5h1.5c3.786 0 6.87-3.006 6.995-6.762l0.899-0.449c0.661-0.336 1.106-1.010 1.106-1.789v0-3c0-8.842-7.156-16-16-16z"></path>
+</symbol>
 <symbol id="icon-steam-icon" viewBox="0 0 31 32">
 <path d="M31 16c0 8.563-6.95 15.5-15.525 15.5-7.112 0-13.1-4.769-14.938-11.275l5.95 2.456c0.4 2.006 2.181 3.525 4.306 3.525 2.45 0 4.494-2.025 4.387-4.594l5.281-3.762c3.256 0.081 5.988-2.556 5.988-5.844 0-3.225-2.625-5.844-5.856-5.844s-5.856 2.625-5.856 5.844v0.075l-3.7 5.356c-0.969-0.056-1.919 0.212-2.719 0.756l-8.319-3.438c0.637-7.981 7.319-14.256 15.475-14.256 8.575 0 15.525 6.938 15.525 15.5zM9.731 24.019l-1.906-0.788c0.356 0.728 0.95 1.293 1.678 1.604l0.022 0.008c1.681 0.7 3.612-0.1 4.313-1.775 0.338-0.813 0.344-1.706 0.006-2.519s-0.969-1.45-1.781-1.788c-0.806-0.337-1.669-0.325-2.431-0.038l1.969 0.813c1.238 0.512 1.825 1.931 1.306 3.169-0.519 1.244-1.938 1.825-3.175 1.313zM20.594 15.9c-2.15 0-3.9-1.75-3.9-3.894s1.75-3.894 3.9-3.894 3.9 1.75 3.9 3.894-1.744 3.894-3.9 3.894zM20.6 14.925c1.619 0 2.931-1.313 2.931-2.925 0-1.619-1.313-2.925-2.931-2.925s-2.931 1.313-2.931 2.925c0.006 1.613 1.319 2.925 2.931 2.925z"></path>
 </symbol>
@@ -38,6 +41,11 @@
 </header>
     <div class="clearfix mhl ptl">
         <h1 class="mvm mtn fgc1">Grid Size: 0</h1>
+        <div class="glyph fs1">
+            <div class="clearfix pbs">
+                <svg class="icon icon-headphones"><use xlink:href="#icon-headphones"></use></svg><span class="name"> icon-headphones</span>
+            </div>
+        </div>
         <div class="glyph fs1">
             <div class="clearfix pbs">
                 <svg class="icon icon-steam-icon"><use xlink:href="#icon-steam-icon"></use></svg><span class="name"> icon-steam-icon</span>

diff --git a/glyphs/selection.json b/glyphs/selection.json
@@ -1,6 +1,34 @@
 {
   "IcoMoonType": "selection",
   "icons": [
+    {
+      "icon": {
+        "paths": [
+          "M512 64c-282.96 0-512 228.992-512 512v96c-0 0-0 0.001-0 0.001 0 24.913 14.235 46.501 35.015 57.075l0.363 0.168 28.766 14.382c4.022 120.18 102.698 216.374 223.856 216.374h48c26.51 0 48-21.49 48-48v-352c0-26.51-21.49-48-48-48h-48c-62.684 0-119.342 25.758-160 67.254v-3.254c0-211.738 172.262-384 384-384s384 172.262 384 384v3.254c-40.658-41.496-97.316-67.254-160-67.254h-48c-26.51 0-48 21.49-48 48v352c0 26.51 21.49 48 48 48h48c121.158 0 219.834-96.196 223.856-216.374l28.764-14.382c21.144-10.741 35.38-32.33 35.38-57.244l-0 0v-96c0-282.958-228.992-512-512-512z"
+        ],
+        "attrs": [
+          {}
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": [
+          "headphones"
+        ]
+      },
+      "attrs": [
+        {}
+      ],
+      "properties": {
+        "order": 18,
+        "id": 6,
+        "name": "headphones",
+        "prevSize": 32
+      },
+      "setIdx": 0,
+      "setId": 0,
+      "iconIdx": 0
+    },
     {
       "icon": {
         "paths": [
@@ -24,11 +52,12 @@
         "order": 17,
         "id": 5,
         "name": "steam-icon",
-        "prevSize": 32
+        "prevSize": 32,
+        "code": 59653
       },
       "setIdx": 0,
       "setId": 0,
-      "iconIdx": 0
+      "iconIdx": 1
     },
     {
       "icon": {
@@ -58,7 +87,7 @@
       },
       "setIdx": 0,
       "setId": 0,
-      "iconIdx": 1
+      "iconIdx": 2
     },
     {
       "icon": {
@@ -87,7 +116,7 @@
       },
       "setIdx": 0,
       "setId": 0,
-      "iconIdx": 2
+      "iconIdx": 3
     },
     {
       "icon": {
@@ -117,7 +146,7 @@
       },
       "setIdx": 0,
       "setId": 0,
-      "iconIdx": 3
+      "iconIdx": 4
     },
     {
       "icon": {
@@ -147,7 +176,7 @@
       },
       "setIdx": 0,
       "setId": 0,
-      "iconIdx": 4
+      "iconIdx": 5
     },
     {
       "icon": {
@@ -176,7 +205,7 @@
       },
       "setIdx": 0,
       "setId": 0,
-      "iconIdx": 5
+      "iconIdx": 6
     }
   ],
   "height": 1024,
@@ -186,9 +215,9 @@
     "showQuickUse2": true,
     "showSVGs": true,
     "fontPref": {
-      "prefix": "icon-",
+      "prefix": "DesktopIcons-",
       "metadata": {
-        "fontFamily": "icomoon",
+        "fontFamily": "DesktopIcons",
         "majorVersion": 1,
         "minorVersion": 0
       },
@@ -197,7 +226,13 @@
         "baseline": 6.25,
         "whitespace": 50
       },
-      "embed": false
+      "embed": false,
+      "showSelector": false,
+      "showMetrics": false,
+      "showMetadata": false,
+      "showVersion": false,
+      "noie8": false,
+      "ie7": false
     },
     "imagePref": {
       "prefix": "icon-",

diff --git a/glyphs/symbol-defs.svg b/glyphs/symbol-defs.svg