Adding SVG icons

package.json

@@ -25,12 +25,14 @@
     "css-loader": "^0.28.9",
     "extract-text-webpack-plugin": "^3.0.2",
     "favicons-webpack-plugin-cesco": "^0.0.6",
+    "feather-icons": "^4.5.0",
     "html-webpack-plugin": "^2.30.1",
     "postcss-loader": "^2.1.0",
     "precss": "^3.1.0",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
     "style-loader": "^0.20.1",
+    "svg-react-loader": "^0.4.5",
     "uglifyjs-webpack-plugin": "^1.1.8",
     "webpack": "^3.10.0",
     "webpack-dev-server": "^2.11.1",

src/componets/App.js

@@ -1,5 +1,20 @@
 import React from 'react';
 
-const App = () => <h1>React App</h1>;
+import GithubIcon from 'feather-icons/dist/icons/github.svg';
+import DownloadIcon from 'feather-icons/dist/icons/download.svg';
+import LinkIcon from 'feather-icons/dist/icons/link.svg';
+import ChevronsDownIcon from 'feather-icons/dist/icons/chevrons-down.svg';
+import ErrorIcon from 'feather-icons/dist/icons/alert-octagon.svg';
+
+const App = () => <React.Fragment>
+  <h1>React App</h1>
+  <ul>
+    <li><GithubIcon/>GitHub</li>
+    <li><DownloadIcon/>Download</li>
+    <li><LinkIcon/>Permalink</li>
+    <li><ChevronsDownIcon/>Open</li>
+    <li><ErrorIcon/>Error</li>
+  </ul>
+</React.Fragment>;
 
 export default App;

webpack.common.js

@@ -99,6 +99,10 @@ module.exports = {
             }
           ]
         })
+      },
+      {
+        test: /\.svg$/,
+        loader: 'svg-react-loader'
       }
     ]
   }

yarn.lock

@@ -263,6 +263,10 @@ atob@^2.0.0:
   version "2.0.3"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/atob/-/atob-2.0.3.tgz#19c7a760473774468f20b2d2d03372ad7d4cbf5d"
 
+atob@~1.1.0:
+  version "1.1.3"
+  resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/atob/-/atob-1.1.3.tgz#95f13629b12c3a51a5d215abdce2aa9f32f80773"
+
 autoprefixer@^6.3.1:
   version "6.7.7"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/autoprefixer/-/autoprefixer-6.7.7.tgz#1dbd1c835658e35ce3f9984099db00585c782014"
@@ -1292,6 +1296,10 @@ class-utils@^0.3.5:
     isobject "^3.0.0"
     static-extend "^0.1.1"
 
+classnames@^2.2.5:
+  version "2.2.5"
+  resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/classnames/-/classnames-2.2.5.tgz#fb3801d453467649ef3603c7d61a02bd129bde6d"
+
 clean-css@4.1.x:
   version "4.1.9"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/clean-css/-/clean-css-4.1.9.tgz#35cee8ae7687a49b98034f70de00c4edd3826301"
@@ -1668,6 +1676,15 @@ css-what@2.1:
   version "2.1.0"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/css-what/-/css-what-2.1.0.tgz#9467d032c38cfaefb9f2d79501253062f87fa1bd"
 
+css@2.2.1:
+  version "2.2.1"
+  resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/css/-/css-2.2.1.tgz#73a4c81de85db664d4ee674f7d47085e3b2d55dc"
+  dependencies:
+    inherits "^2.0.1"
+    source-map "^0.1.38"
+    source-map-resolve "^0.3.0"
+    urix "^0.1.0"
+
 cssdb@^1.5:
   version "1.5.0"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/cssdb/-/cssdb-1.5.0.tgz#e6179657bf96eb063eb316b2f5a5f4c4a2633df7"
@@ -2430,6 +2447,12 @@ fd-slicer@~1.0.1:
   dependencies:
     pend "~1.2.0"
 
+feather-icons@^4.5.0:
+  version "4.5.0"
+  resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/feather-icons/-/feather-icons-4.5.0.tgz#5c0a38fe4633e88a14cc8d7aa822e2591828027d"
+  dependencies:
+    classnames "^2.2.5"
+
 file-type@^3.1.0, file-type@^3.8.0:
   version "3.9.0"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/file-type/-/file-type-3.9.0.tgz#257a078384d1db8087bc449d107d52a52672b9e9"
@@ -3620,6 +3643,14 @@ loader-runner@^2.3.0:
   version "2.3.0"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/loader-runner/-/loader-runner-2.3.0.tgz#f482aea82d543e07921700d5a46ef26fdac6b8a2"
 
+loader-utils@1.1.0, loader-utils@^1.0.2, loader-utils@^1.1.0:
+  version "1.1.0"
+  resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd"
+  dependencies:
+    big.js "^3.1.3"
+    emojis-list "^2.0.0"
+    json5 "^0.5.0"
+
 loader-utils@^0.2.11, loader-utils@^0.2.14, loader-utils@^0.2.15, loader-utils@^0.2.16:
   version "0.2.17"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/loader-utils/-/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348"
@@ -3629,14 +3660,6 @@ loader-utils@^0.2.11, loader-utils@^0.2.14, loader-utils@^0.2.15, loader-utils@^
     json5 "^0.5.0"
     object-assign "^4.0.1"
 
-loader-utils@^1.0.2, loader-utils@^1.1.0:
-  version "1.1.0"
-  resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd"
-  dependencies:
-    big.js "^3.1.3"
-    emojis-list "^2.0.0"
-    json5 "^0.5.0"
-
 locate-path@^2.0.0:
   version "2.0.0"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
@@ -3677,7 +3700,7 @@ lodash@3.x, lodash@^3.2.0:
   version "3.10.1"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/lodash/-/lodash-3.10.1.tgz#5bf45e8e49ba4189e17d482789dfd15bd140b7b6"
 
-lodash@^4.14.0, lodash@^4.17.2, lodash@^4.17.3, lodash@^4.17.4:
+lodash@^4.0.0, lodash@^4.14.0, lodash@^4.17.2, lodash@^4.17.3, lodash@^4.17.4:
   version "4.17.5"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/lodash/-/lodash-4.17.5.tgz#99a92d65c0272debe8c96b6057bc8fbfa3bed511"
 
@@ -5255,6 +5278,10 @@ querystringify@~1.0.0:
   version "1.0.0"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/querystringify/-/querystringify-1.0.0.tgz#6286242112c5b712fa654e526652bf6a13ff05cb"
 
+ramda@0.21.0:
+  version "0.21.0"
+  resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/ramda/-/ramda-0.21.0.tgz#a001abedb3ff61077d4ff1d577d44de77e8d0a35"
+
 randomatic@^1.1.3:
   version "1.1.7"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/randomatic/-/randomatic-1.1.7.tgz#c7abe9cc8b87c0baa876b19fde83fd464797e38c"
@@ -5620,7 +5647,7 @@ resolve-from@^3.0.0:
   version "3.0.0"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
 
-resolve-url@^0.2.1:
+resolve-url@^0.2.1, resolve-url@~0.2.1:
   version "0.2.1"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
 
@@ -5653,6 +5680,10 @@ run-queue@^1.0.0, run-queue@^1.0.3:
   dependencies:
     aproba "^1.1.1"
 
+rx@4.1.0:
+  version "4.1.0"
+  resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/rx/-/rx-4.1.0.tgz#a5f13ff79ef3b740fe30aa803fb09f98805d4782"
+
 safe-buffer@5.1.1, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.1"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/safe-buffer/-/safe-buffer-5.1.1.tgz#893312af69b2123def71f57889001671eeb2c853"
@@ -5890,6 +5921,15 @@ source-list-map@~0.1.7:
   version "0.1.8"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/source-list-map/-/source-list-map-0.1.8.tgz#c550b2ab5427f6b3f21f5afead88c4f5587b2106"
 
+source-map-resolve@^0.3.0:
+  version "0.3.1"
+  resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/source-map-resolve/-/source-map-resolve-0.3.1.tgz#610f6122a445b8dd51535a2a71b783dfc1248761"
+  dependencies:
+    atob "~1.1.0"
+    resolve-url "~0.2.1"
+    source-map-url "~0.3.0"
+    urix "~0.1.0"
+
 source-map-resolve@^0.5.0:
   version "0.5.1"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/source-map-resolve/-/source-map-resolve-0.5.1.tgz#7ad0f593f2281598e854df80f19aae4b92d7a11a"
@@ -5910,10 +5950,20 @@ source-map-url@^0.4.0:
   version "0.4.0"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
 
+source-map-url@~0.3.0:
+  version "0.3.0"
+  resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/source-map-url/-/source-map-url-0.3.0.tgz#7ecaf13b57bcd09da8a40c5d269db33799d4aaf9"
+
 source-map@0.5.x, source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7, source-map@~0.5.1:
   version "0.5.7"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
 
+source-map@^0.1.38:
+  version "0.1.43"
+  resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/source-map/-/source-map-0.1.43.tgz#c24bc146ca517c1471f5dacbe2571b2b7f9e3346"
+  dependencies:
+    amdefine ">=0.0.4"
+
 source-map@^0.6.1, source-map@~0.6.1:
   version "0.6.1"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
@@ -6162,6 +6212,17 @@ supports-color@^5.1.0:
   dependencies:
     has-flag "^2.0.0"
 
+svg-react-loader@^0.4.5:
+  version "0.4.5"
+  resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/svg-react-loader/-/svg-react-loader-0.4.5.tgz#1f324c9c7b858f5c89fac752bbe9ca3f6214f850"
+  dependencies:
+    css "2.2.1"
+    loader-utils "1.1.0"
+    ramda "0.21.0"
+    rx "4.1.0"
+    traverse "0.6.6"
+    xml2js "0.4.17"
+
 svg2png@~3.0.1:
   version "3.0.1"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/svg2png/-/svg2png-3.0.1.tgz#a2644d68b0231ac00af431aa163714ff17106447"
@@ -6297,6 +6358,10 @@ tough-cookie@~2.3.0, tough-cookie@~2.3.3:
   dependencies:
     punycode "^1.4.1"
 
+traverse@0.6.6:
+  version "0.6.6"
+  resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/traverse/-/traverse-0.6.6.tgz#cbdf560fd7b9af632502fed40f918c157ea97137"
+
 trim-newlines@^1.0.0:
   version "1.0.0"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/trim-newlines/-/trim-newlines-1.0.0.tgz#5887966bb582a4503a41eb524f7d35011815a613"
@@ -6474,7 +6539,7 @@ upper-case@^1.1.1:
   version "1.1.3"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/upper-case/-/upper-case-1.1.3.tgz#f6b4501c2ec4cdd26ba78be7222961de77621598"
 
-urix@^0.1.0:
+urix@^0.1.0, urix@~0.1.0:
   version "0.1.0"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
 
@@ -6822,6 +6887,13 @@ xml-parse-from-string@^1.0.0:
   version "1.0.1"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/xml-parse-from-string/-/xml-parse-from-string-1.0.1.tgz#a9029e929d3dbcded169f3c6e28238d95a5d5a28"
 
+xml2js@0.4.17:
+  version "0.4.17"
+  resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/xml2js/-/xml2js-0.4.17.tgz#17be93eaae3f3b779359c795b419705a8817e868"
+  dependencies:
+    sax ">=0.6.0"
+    xmlbuilder "^4.1.0"
+
 xml2js@>=0.2.4, xml2js@^0.4.5:
   version "0.4.19"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/xml2js/-/xml2js-0.4.19.tgz#686c20f213209e94abf0d1bcf1efaa291c7827a7"
@@ -6829,6 +6901,12 @@ xml2js@>=0.2.4, xml2js@^0.4.5:
     sax ">=0.6.0"
     xmlbuilder "~9.0.1"
 
+xmlbuilder@^4.1.0:
+  version "4.2.1"
+  resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/xmlbuilder/-/xmlbuilder-4.2.1.tgz#aa58a3041a066f90eaa16c2f5389ff19f3f461a5"
+  dependencies:
+    lodash "^4.0.0"
+
 xmlbuilder@~9.0.1:
   version "9.0.7"
   resolved "http://nexus.home.bromidic.net:8081/repository/npm-all/xmlbuilder/-/xmlbuilder-9.0.7.tgz#132ee63d2ec5565c557e20f4c22df9aca686b10d"