From 97898b02d0f44622a931dd0df6ee6fddd2e86d48 Mon Sep 17 00:00:00 2001
From: Mathias Schopmans <mathias.schopmans@aoe.com>
Date: Wed, 21 Feb 2024 14:49:59 +0100
Subject: [PATCH] chore: Refactor icons and set fill via CSS

---
 package.json                                    | 2 +-
 src/components/Navigation/Navigation.module.css | 1 +
 src/icons/close.svg                             | 2 +-
 src/icons/filter.svg                            | 2 +-
 src/icons/overview.svg                          | 2 +-
 src/icons/pie.svg                               | 2 +-
 src/icons/question.svg                          | 2 +-
 src/icons/search.svg                            | 2 +-
 8 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 1293554..ed7eb44 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "dev": "next dev --turbo",
-    "build:icons": "npx @svgr/cli --typescript --no-prettier --out-dir src/components/Icons -- src/icons",
+    "build:icons": "npx @svgr/cli --typescript --no-dimensions --no-prettier --out-dir src/components/Icons -- src/icons",
     "build:data": "tsx scripts/buildData.ts",
     "build": "next build",
     "start": "next start",
diff --git a/src/components/Navigation/Navigation.module.css b/src/components/Navigation/Navigation.module.css
index b4816ba..f9c051d 100644
--- a/src/components/Navigation/Navigation.module.css
+++ b/src/components/Navigation/Navigation.module.css
@@ -10,6 +10,7 @@
   vertical-align: middle;
   width: 22px;
   margin: 0 6px 0 0;
+  fill: var(--highlight);
 }
 
 @media (max-width: 900px) {
diff --git a/src/icons/close.svg b/src/icons/close.svg
index a0947af..2399c11 100644
--- a/src/icons/close.svg
+++ b/src/icons/close.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421" viewBox="0 0 22 22"><path d="m18.703 1.405-7.675 7.732-7.674-7.732c-.54-.54-1.405-.54-1.892 0-.54.541-.54 1.406 0 1.892l7.675 7.731-7.732 7.675c-.54.54-.54 1.405 0 1.892.541.54 1.406.54 1.892 0l7.731-7.675 7.675 7.675c.54.54 1.405.54 1.892 0 .487-.541.54-1.405 0-1.892l-7.675-7.675 7.675-7.674c.54-.54.54-1.405 0-1.892-.484-.54-1.352-.54-1.892-.057Z" style="fill:#029df7"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path d="m18.7,1.4l-7.68,7.73L3.35,1.41c-.54-.54-1.4-.54-1.89,0-.54.54-.54,1.41,0,1.89l7.67,7.73-7.73,7.67c-.54.54-.54,1.41,0,1.89.54.54,1.41.54,1.89,0l7.73-7.68,7.68,7.68c.54.54,1.41.54,1.89,0,.49-.54.54-1.41,0-1.89l-7.68-7.68,7.68-7.67c.54-.54.54-1.4,0-1.89-.48-.54-1.35-.54-1.89-.06Z" fill-rule="evenodd" stroke-width="0"/></svg>
\ No newline at end of file
diff --git a/src/icons/filter.svg b/src/icons/filter.svg
index e3caec5..e13c941 100644
--- a/src/icons/filter.svg
+++ b/src/icons/filter.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 1000 1000"><path fill="#029DF7" d="M981.4 50.7c-15.5-29.2-39.5-43-72.2-43H87.4c-43 0-72.2 25.8-77.4 67.1 0 3.4 1.7 10.3 3.4 12C121.8 210.6 230.1 331 340.1 453c5.2 5.2 6.9 10.3 6.9 18.9v338.7c0 49.9 24.1 87.7 68.8 110 30.9 15.5 63.6 25.8 94.6 39.5 25.8 10.3 49.9 20.6 75.6 29.2 25.8 8.6 49.9-3.4 58.5-25.8 3.4-8.6 5.2-20.6 5.2-30.9V473.5c0-6.9 1.7-12 6.9-17.2 39.5-44.7 80.8-89.4 120.4-134.1 68.8-77.4 139.3-154.7 208-232.1 1.7-1.7 5.2-6.9 5.2-10.3-3.6-10.2-3.6-20.5-8.8-29.1zM878.2 95.4C792.3 190 708 284.6 622.1 379.1c-1.7 1.7-22.4 22.4-48.1 46.4v476.2c-3.4-1.7-6.9-1.7-8.6-3.4-36.1-13.8-72.2-29.2-108.3-43-22.4-8.6-32.7-25.8-32.7-49.9V425.5c-24.1-24.1-44.7-43-46.4-44.7-89.4-96.3-175.4-194.3-263.1-290.6-1.7-1.7-3.4-3.4-5.2-6.9h778.8c-5.1 5.3-6.8 8.7-10.3 12.1z"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path d="m20.31,2.31c-.3-.56-.76-.83-1.4-.83H3.01c-.83,0-1.4.5-1.5,1.3,0,.07.03.2.07.23,2.1,2.4,4.19,4.72,6.32,7.09.1.1.13.2.13.37v6.55c0,.97.47,1.7,1.33,2.13.6.3,1.23.5,1.83.76.5.2.97.4,1.46.56.5.17.97-.07,1.13-.5.07-.17.1-.4.1-.6v-8.88c0-.13.03-.23.13-.33.76-.86,1.56-1.73,2.33-2.59,1.33-1.5,2.7-2.99,4.02-4.49.03-.03.1-.13.1-.2-.07-.2-.07-.4-.17-.56h0Zm-2,.86c-1.66,1.83-3.29,3.66-4.96,5.49-.03.03-.43.43-.93.9v9.21c-.07-.03-.13-.03-.17-.07-.7-.27-1.4-.56-2.1-.83-.43-.17-.63-.5-.63-.97v-7.35c-.47-.47-.86-.83-.9-.86-1.73-1.86-3.39-3.76-5.09-5.62-.03-.03-.07-.07-.1-.13h15.07c-.1.1-.13.17-.2.23h0Z" stroke-width="0"/></svg>
\ No newline at end of file
diff --git a/src/icons/overview.svg b/src/icons/overview.svg
index 4112a51..6e0c1bb 100644
--- a/src/icons/overview.svg
+++ b/src/icons/overview.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="21"><path fill="#029DF7" fill-rule="evenodd" d="M2.667 0C1.215 0 0 1.215 0 2.667v15.11A2.232 2.232 0 0 0 2.222 20h13.111c.35 0 .667-.317.667-.667V4.667c-.002-.391-.286-.67-.667-.667C14.693 4 14 3.308 14 2.667s.692-1.334 1.333-1.334c.352.005.667-.314.667-.666 0-.352-.315-.672-.667-.667H2.667Zm0 1.333h10.368c-.233.395-.368.851-.368 1.334 0 .482.135.938.368 1.333H2.667c-.642 0-1.334-.692-1.334-1.333s.692-1.334 1.334-1.334ZM1.333 4.965c.394.233.852.368 1.334.368h12v13.334H2.222a.873.873 0 0 1-.889-.89V4.966Zm2.445 2.813a.667.667 0 0 0 0 1.333h8.444a.667.667 0 0 0 0-1.333H3.778Zm0 3.555a.667.667 0 0 0 0 1.334h8.444a.667.667 0 0 0 0-1.334H3.778Zm0 3.556a.667.667 0 0 0 0 1.333h8.444a.667.667 0 0 0 0-1.333H3.778Z"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path d="m5.67,1c-1.45,0-2.67,1.22-2.67,2.67v15.11c0,1.23,1,2.22,2.22,2.22h13.11c.35,0,.67-.32.67-.67V5.67c0-.39-.29-.67-.67-.67-.64,0-1.33-.69-1.33-1.33s.69-1.33,1.33-1.33c.35,0,.67-.31.67-.67s-.31-.67-.67-.67c0,0-12.67,0-12.67,0Zm0,1.33h10.37c-.23.39-.37.85-.37,1.33s.14.94.37,1.33H5.67c-.64,0-1.33-.69-1.33-1.33s.69-1.33,1.33-1.33Zm-1.33,3.63c.39.23.85.37,1.33.37h12v13.33H5.22c-.48,0-.88-.37-.89-.86,0-.01,0-.02,0-.03V5.97h0Zm2.44,2.81c-.37.01-.65.32-.64.69.01.35.29.63.64.64h8.44c.37-.01.65-.32.64-.69-.01-.35-.29-.63-.64-.64H6.78Zm0,3.56c-.37,0-.67.3-.67.67,0,.37.3.67.67.67h8.44c.37,0,.67-.3.67-.67,0-.37-.3-.67-.67-.67H6.78Zm0,3.56c-.37.01-.65.32-.64.69.01.35.29.63.64.64h8.44c.37-.01.65-.32.64-.69-.01-.35-.29-.63-.64-.64H6.78Z" fill-rule="evenodd" stroke-width="0"/></svg>
\ No newline at end of file
diff --git a/src/icons/pie.svg b/src/icons/pie.svg
index 42a0124..2a83296 100644
--- a/src/icons/pie.svg
+++ b/src/icons/pie.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"><path fill="#029DF7" fill-rule="evenodd" d="M9.332 0h-.644v2.607C3.843 2.941 0 6.977 0 11.907c0 5.145 4.186 9.331 9.332 9.331 4.927 0 8.965-3.843 9.297-8.688h2.607v-.644C21.236 5.341 15.896 0 9.332 0Zm0 19.95c-4.437 0-8.045-3.608-8.045-8.045 0-4.219 3.263-7.69 7.4-8.019v8.663h8.663c-.33 4.135-3.798 7.4-8.018 7.4Zm9.33-8.688H9.976V1.306c5.343.321 9.633 4.613 9.954 9.956h-1.268Z"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path d="m9.71.38h-.64v2.61C4.22,3.32.38,7.36.38,12.29s4.19,9.33,9.33,9.33,8.97-3.84,9.3-8.69h2.61v-.64C21.62,5.72,16.28.38,9.71.38Zm0,19.95c-4.44,0-8.05-3.61-8.05-8.05s3.26-7.69,7.4-8.02v8.66h8.66c-.33,4.14-3.8,7.4-8.02,7.4h0Zm9.33-8.69h-8.69V1.69c5.34.32,9.63,4.61,9.95,9.96,0,0-1.27,0-1.27,0Z" fill-rule="evenodd" stroke-width="0"/></svg>
\ No newline at end of file
diff --git a/src/icons/question.svg b/src/icons/question.svg
index eb8eb09..5a6c229 100644
--- a/src/icons/question.svg
+++ b/src/icons/question.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23"><g fill="none" fill-rule="evenodd"><path stroke="#029DF7" stroke-width="1.5" d="M11.762 1.525A10.223 10.223 0 0 0 1.525 11.762 10.223 10.223 0 0 0 11.762 22 10.223 10.223 0 0 0 22 11.762 10.223 10.223 0 0 0 11.762 1.525Z"/><path fill="#029DF7" d="M11.762 17.45a1.224 1.224 0 0 1-1.228-1.229c0-.682.546-1.229 1.228-1.229.683 0 1.23.547 1.23 1.23 0 .682-.547 1.228-1.23 1.228Zm2.775-6.916a5.038 5.038 0 0 1-.455.524c-.113.113-.25.227-.41.41a3.808 3.808 0 0 0-.432.432 3.516 3.516 0 0 0-.296.319 1.485 1.485 0 0 0-.273.978v.706h-1.775v-.956a2.018 2.018 0 0 1 .16-.955c.182-.296.385-.568.66-.818l1.137-1.138c.25-.272.363-.614.363-.979a1.34 1.34 0 0 0-.386-.955 1.394 1.394 0 0 0-.979-.386 1.373 1.373 0 0 0-1 .364c-.273.25-.433.614-.456.979H8.484a3.222 3.222 0 0 1 1.092-2.184 3.492 3.492 0 0 1 2.344-.796 3.317 3.317 0 0 1 2.275.75c.591.5.887 1.23.887 2.14-.02.563-.203 1.132-.545 1.565Z"/></g></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path d="m11,22C4.9,22,0,17,0,11S4.9,0,11,0h0c6,0,11,4.9,11,11s-5,11-11,11Zm0-20.5h0C5.8,1.5,1.5,5.7,1.5,11s4.2,9.5,9.5,9.5,9.5-4.2,9.5-9.5S16.2,1.5,11,1.5" stroke-width="0"/><path d="m11,16.65c-.7,0-1.2-.5-1.2-1.2h0c0-.7.6-1.2,1.2-1.2s1.2.6,1.2,1.2-.5,1.2-1.2,1.2h0Zm2.8-6.9c-.1.2-.3.4-.4.5l-.4.4c-.2.1-.3.3-.4.4l-.3.3c-.2.3-.3.6-.3,1v.7h-1.8v-1c0-.3,0-.6.2-.9.2-.3.4-.6.7-.8l1.1-1.1c.2-.3.4-.6.4-1s-.1-.7-.4-.9c-.3-.2-.6-.4-1-.4s-.7.1-1,.4-.4.6-.5,1h-2c.1-.8.5-1.6,1.1-2.2.7-.5,1.5-.8,2.3-.8s1.6.2,2.3.8c.6.5.9,1.2.9,2.1,0,.5-.2,1-.5,1.5h0Z" fill-rule="evenodd" stroke-width="0"/></svg>
\ No newline at end of file
diff --git a/src/icons/search.svg b/src/icons/search.svg
index e515fcf..36a909c 100644
--- a/src/icons/search.svg
+++ b/src/icons/search.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path fill="#029DF7" fill-rule="evenodd" d="m19.602 17.679-4.014-4.013c2.445-3.368 2.151-8.107-.886-11.143A8.585 8.585 0 0 0 8.612 0a8.585 8.585 0 0 0-6.09 2.523 8.613 8.613 0 0 0 0 12.181 8.587 8.587 0 0 0 6.09 2.523c1.776 0 3.55-.546 5.053-1.638l4.013 4.013c.265.265.613.398.962.398a1.36 1.36 0 0 0 .962-2.322ZM3.869 13.357a6.717 6.717 0 0 1 0-9.489 6.665 6.665 0 0 1 4.744-1.965c1.792 0 3.477.698 4.744 1.965a6.717 6.717 0 0 1 0 9.489 6.667 6.667 0 0 1-4.744 1.965 6.664 6.664 0 0 1-4.744-1.965Z"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path d="m20.6,18.31l-4.01-4.01c2.44-3.37,2.15-8.11-.89-11.14-1.61-1.62-3.81-2.53-6.09-2.52-2.28,0-4.48.91-6.09,2.52-3.36,3.36-3.36,8.82,0,12.18,0,0,0,0,0,0,1.61,1.62,3.81,2.53,6.09,2.52,1.78,0,3.55-.55,5.05-1.64l4.01,4.01c.26.26.61.4.96.4.75,0,1.36-.61,1.36-1.36,0-.36-.14-.71-.4-.96h0Zm-15.73-4.32c-2.62-2.62-2.62-6.87,0-9.49,1.26-1.26,2.96-1.97,4.74-1.97,1.79,0,3.48.7,4.74,1.97,2.62,2.62,2.62,6.87,0,9.49-1.26,1.26-2.96,1.97-4.74,1.97-1.78,0-3.49-.7-4.74-1.97Z" fill-rule="evenodd" stroke-width="0"/></svg>
\ No newline at end of file