chore: optimize svg

.travis.yml

@@ -15,6 +15,7 @@ before_script:
 script:
   - npm -v
   - commitlint-travis
+  - npm run svgo
   - git diff --exit-code
   - "! grep -R --exclude-dir='*/node_modules/*' --include=package-lock.json 'http:' ."
   - npm test

README.md

@@ -58,6 +58,9 @@ npm run test [-- --no-coverage]
 # Run tests and rebuild on file changes.
 
 npm run test:watch [--file=<path>] [--coverage]
+
+# Optimize SVG before you commit
+npm run svgo
 ```
 
 Generating New Components

package.json

@@ -21,6 +21,7 @@
     "lint:prettier": "prettier-check '{src,www,config}/**/*.{js,json,jsx}'",
     "lint": "npm run lint:eslint && npm run lint:sass && npm run lint:prettier",
     "prettier": "prettier \"{src,www,config}/**/*.{js,json,jsx}\" --write",
+    "svgo": "svgo --recursive --multipass --folder=src --config=svgo-config.yml",
     "posttest": "npm run lint",
     "postversion": "git push -u origin $(git rev-parse --abbrev-ref HEAD) --follow-tags && npm publish && echo '…released.'",
     "preversion": "echo 'Releasing…' && npm i",
@@ -145,6 +146,7 @@
     "sinon": "^4.2.2",
     "style-loader": "^0.23.1",
     "svg4everybody": "^2.1.9",
+    "svgo": "^1.3.0",
     "terser-webpack-plugin": "^1.3.0",
     "url-loader": "^0.6.2",
     "url-search-params-polyfill": "^6.0.0",

svgo-config.yml

@@ -0,0 +1,6 @@
+plugins:
+  - convertStyleToAttrs: true
+  - removeAttrs:
+      attrs: 'id'
+  - inlineStyles:
+      onlyMatchedOnce: false