Improve icon size

neSpecc · neSpecc · commit 8e64a659aa22 · 2019-10-13T10:42:50.000+03:00
diff --git a/assets/icon.svg b/assets/icon.svg
@@ -0,0 +1 @@
+<svg width="17" height="12" viewBox="1 -1 16 15" xmlns="http://www.w3.org/2000/svg"><path d="M17.839 5.525a1.105 1.105 0 0 1-.015 1.547l-4.943 4.943a1.105 1.105 0 1 1-1.562-1.562l4.137-4.137-4.078-4.078A1.125 1.125 0 1 1 12.97.648l4.796 4.796c.026.026.05.053.074.08zm-14.952.791l4.137 4.137a1.105 1.105 0 1 1-1.562 1.562L.519 7.072a1.105 1.105 0 0 1-.015-1.547c.023-.028.048-.055.074-.081L5.374.647a1.125 1.125 0 0 1 1.591 1.591L2.887 6.316z" id="a"/></svg>
diff --git a/dist/bundle.js b/dist/bundle.js
diff --git a/package.json b/package.json
@@ -26,6 +26,7 @@
     "@babel/preset-env": "^7.3.4",
     "babel-loader": "^8.0.5",
     "css-loader": "^1.0.0",
+    "raw-loader": "^3.1.0",
     "style-loader": "^0.21.0",
     "webpack": "^4.29.5",
     "webpack-cli": "^3.2.3"
diff --git a/src/index.js b/src/index.js
@@ -166,7 +166,7 @@ class InlineCode {
    * @return {string}
    */
   get toolboxIcon() {
-    return '<svg width="19" height="13" viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg"><path d="M17.839 5.525a1.105 1.105 0 0 1-.015 1.547l-4.943 4.943a1.105 1.105 0 1 1-1.562-1.562l4.137-4.137-4.078-4.078A1.125 1.125 0 1 1 12.97.648l4.796 4.796c.026.026.05.053.074.08zm-14.952.791l4.137 4.137a1.105 1.105 0 1 1-1.562 1.562L.519 7.072a1.105 1.105 0 0 1-.015-1.547c.023-.028.048-.055.074-.081L5.374.647a1.125 1.125 0 0 1 1.591 1.591L2.887 6.316z" id="a"/></svg>';
+    return require('./../assets/icon.svg').default;
   }
 
   /**
diff --git a/webpack.config.js b/webpack.config.js
@@ -20,6 +20,14 @@ module.exports = {
           'style-loader',
           'css-loader'
         ]
+      },
+      {
+        test: /\.(svg)$/,
+        use: [
+          {
+            loader: 'raw-loader',
+          }
+        ]
       }
     ]
   },
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -166,7 +166,7 @@ class InlineCode {`
`166`	`166`	`* @return {string}`
`167`	`167`	`*/`
`168`	`168`	`get toolboxIcon() {`
`169`		`- return '<svg width="19" height="13" viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg"><path d="M17.839 5.525a1.105 1.105 0 0 1-.015 1.547l-4.943 4.943a1.105 1.105 0 1 1-1.562-1.562l4.137-4.137-4.078-4.078A1.125 1.125 0 1 1 12.97.648l4.796 4.796c.026.026.05.053.074.08zm-14.952.791l4.137 4.137a1.105 1.105 0 1 1-1.562 1.562L.519 7.072a1.105 1.105 0 0 1-.015-1.547c.023-.028.048-.055.074-.081L5.374.647a1.125 1.125 0 0 1 1.591 1.591L2.887 6.316z" id="a"/></svg>';`
	`169`	`+ return require('./../assets/icon.svg').default;`
`170`	`170`	`}`
`171`	`171`
`172`	`172`	`/**`
Original file line number	Diff line number	Diff line change
`@@ -20,6 +20,14 @@ module.exports = {`
`20`	`20`	`'style-loader',`
`21`	`21`	`'css-loader'`
`22`	`22`	`]`
	`23`	`+ },`
	`24`	`+ {`
	`25`	`+ test: /\.(svg)$/,`
	`26`	`+ use: [`
	`27`	`+ {`
	`28`	`+ loader: 'raw-loader',`
	`29`	`+ }`
	`30`	`+ ]`
`23`	`31`	`}`
`24`	`32`	`]`
`25`	`33`	`},`