feat: SVGO config

proprietary/assets/README.md

@@ -8,3 +8,11 @@ Assets for the City of Amsterdam
 
 See the Design System documentation for guides on [the web manifest and application icons](https://designsystem.amsterdam/?path=/docs/docs-developer-guide-web-app--docs)
 and [the favicon](https://designsystem.amsterdam/?path=/docs/brand-assets-favicon--docs).
+
+## Exporting icons
+
+To export all icons from Figma to SVG use the native export functionality in Figma. To select all icons select the frame, press `Enter` to select direct children and then `Enter` again to select all icon components. The select export to SVG in the sidebar and export all icons to the `icons` folder. Then run the following command to optimize the SVG files:
+
+```bash
+npm run optimize-icons
+```

proprietary/assets/package.json

@@ -17,7 +17,7 @@
     "directory": "proprietary/assets"
   },
   "scripts": {
-    "optimize-icons": "svgo -f icons"
+    "optimize-icons": "svgo -f icons --exclude=Radio.svg"
   },
   "devDependencies": {
     "svgo": "3.3.2"

proprietary/assets/svgo.config.js

@@ -0,0 +1,13 @@
+/* eslint-disable no-undef */
+module.exports = {
+  plugins: [
+    'removeDimensions',
+    'removeUselessStrokeAndFill',
+    {
+      name: 'removeAttrs',
+      params: {
+        attrs: '(fill|stroke)',
+      },
+    },
+  ],
+}