Adding SVG icons

This commit is contained in:
Jeff Avallone 2018-02-10 16:32:52 -05:00
parent e52103a516
commit 8eb4b450ca
4 changed files with 111 additions and 12 deletions

View File

@ -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",

View File

@ -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;

View File

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

100
yarn.lock
View File

@ -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"