feat(icon): add return

README.md

@@ -11,7 +11,7 @@ You are familiar with Git.
 3. Go to https://icomoon.io/app/#/select
 4. Upload the latest `selection.json` in the `iconmoon` folder
 5. In the iconmoon web app, just upload whatever svg you want to add. Be sure to center it and name it properly.
-6. Generate the new web font
+6. Generate the new web font by click `Generate Font` button at bottom right corner.
 7. Download it
 8. Unzip it
 9. Copy the whole unzipped folder to update this repository,
@@ -23,7 +23,8 @@ make sure replace these folder & files
     - replace the file `/selection.json` with unzip file `/selection.json`
 10. In `package.json` increment the version
 11. Follow the steps below to test locally
-12. Create a release in github
+12. Create a PR
+13. [Set new release](https://github.com/moneytree/mt-web-icons/releases) after merge
 
 ### Test the new icon it's work on local.
 1. Under the mt-web-icon run

css/style.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'mt-web-icons';
-  src:  url('fonts/mt-web-icons.eot?wcoid9');
-  src:  url('fonts/mt-web-icons.eot?wcoid9#iefix') format('embedded-opentype'),
-    url('fonts/mt-web-icons.ttf?wcoid9') format('truetype'),
-    url('fonts/mt-web-icons.woff?wcoid9') format('woff'),
-    url('fonts/mt-web-icons.svg?wcoid9#mt-web-icons') format('svg');
+  src:  url('fonts/mt-web-icons.eot?n7ejm8');
+  src:  url('fonts/mt-web-icons.eot?n7ejm8#iefix') format('embedded-opentype'),
+    url('fonts/mt-web-icons.ttf?n7ejm8') format('truetype'),
+    url('fonts/mt-web-icons.woff?n7ejm8') format('woff'),
+    url('fonts/mt-web-icons.svg?n7ejm8#mt-web-icons') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -25,15 +25,8 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.mt-spinner .path1:before {
+.mt-systems-return:before {
   content: "\e91b";
-  color: rgb(0, 0, 0);
-  opacity: 0.2;
-}
-.mt-spinner .path2:before {
-  content: "\e91c";
-  margin-left: -1em;
-  color: rgb(0, 0, 0);
 }
 .mt-systems-negative:before {
   content: "\e919";

icomoon/demo.html

@@ -19,8 +19,8 @@ <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> mt-web-icons <small cl
         <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="mt-spinner"><span class="path1"></span><span class="path2"></span></span>
-                <span class="mls"> mt-spinner</span>
+                <span class="mt-systems-return"></span>
+                <span class="mls"> mt-systems-return</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
                 <input type="text" readonly value="e91b" class="unit size1of2" />

icomoon/ie7/ie7.css

@@ -1,4 +1,4 @@
-.mt-spinner {
+.mt-systems-return {
   *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
 }
 .mt-systems-negative {

icomoon/ie7/ie7.js

@@ -13,7 +13,7 @@
 		el.innerHTML = '<span style="font-family: \'mt-web-icons\'">' + entity + '</span>' + html;
 	}
 	var icons = {
-		'mt-spinner': '&#xe91b;',
+		'mt-systems-return': '&#xe91b;',
 		'mt-systems-negative': '&#xe919;',
 		'mt-systems-positive': '&#xe91a;',
 		'mt-systems-clear': '&#xe916;',

icomoon/style.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'mt-web-icons';
-  src:  url('fonts/mt-web-icons.eot?wcoid9');
-  src:  url('fonts/mt-web-icons.eot?wcoid9#iefix') format('embedded-opentype'),
-    url('fonts/mt-web-icons.ttf?wcoid9') format('truetype'),
-    url('fonts/mt-web-icons.woff?wcoid9') format('woff'),
-    url('fonts/mt-web-icons.svg?wcoid9#mt-web-icons') format('svg');
+  src:  url('fonts/mt-web-icons.eot?n7ejm8');
+  src:  url('fonts/mt-web-icons.eot?n7ejm8#iefix') format('embedded-opentype'),
+    url('fonts/mt-web-icons.ttf?n7ejm8') format('truetype'),
+    url('fonts/mt-web-icons.woff?n7ejm8') format('woff'),
+    url('fonts/mt-web-icons.svg?n7ejm8#mt-web-icons') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -25,15 +25,8 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.mt-spinner .path1:before {
+.mt-systems-return:before {
   content: "\e91b";
-  color: rgb(0, 0, 0);
-  opacity: 0.2;
-}
-.mt-spinner .path2:before {
-  content: "\e91c";
-  margin-left: -1em;
-  color: rgb(0, 0, 0);
 }
 .mt-systems-negative:before {
   content: "\e919";

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mt-web-icons",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "private": true,
   "main": "react/Icon/cjs/index.js",
   "module": "react/Icon/esm/index.js",

react/Icon/cjs/index.d.ts

@@ -6,7 +6,7 @@ interface ICoreProps {
 }
 declare type IIconComponentProps = SVGAttributes<SVGElement> & ICoreProps;
 
-export function Spinner(props: SVGAttributes<SVGElement>): ReactElement;
+export function SystemsReturn(props: SVGAttributes<SVGElement>): ReactElement;
 export function SystemsNegative(props: SVGAttributes<SVGElement>): ReactElement;
 export function SystemsPositive(props: SVGAttributes<SVGElement>): ReactElement;
 export function SystemsClear(props: SVGAttributes<SVGElement>): ReactElement;