diff --git a/react/bin/build.js b/react/bin/build.js
index 4f1db98..312d883 100644
--- a/react/bin/build.js
+++ b/react/bin/build.js
@@ -71,7 +71,7 @@ const getIconContents = (path) => {
     })
   })
 
-  return svg.html().replace('"currentColor"', '{color}')
+  return svg.html().replace(/"currentColor"/g, '{color}')
 }
 
 icons.forEach((i) => {
diff --git a/react/src/icons/battery_75.js b/react/src/icons/battery_75.js
index 0ccdaee..85ef6c1 100644
--- a/react/src/icons/battery_75.js
+++ b/react/src/icons/battery_75.js
@@ -26,11 +26,11 @@ const Battery75 = forwardRef(
           ></path>
           <path
             d="m3 2h7c.5522847 0 1 .44771525 1 1v2.04629283c0 .55228475-.4477153 1-1 1h-7c-.55228475 0-1-.44771525-1-1v-2.04629283c0-.55228475.44771525-1 1-1z"
-            fill="currentColor"
+            fill={color}
           ></path>
           <path
             d="m16.5 2.5v3"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
diff --git a/react/src/icons/battery_full.js b/react/src/icons/battery_full.js
index a1c52ec..2854148 100644
--- a/react/src/icons/battery_full.js
+++ b/react/src/icons/battery_full.js
@@ -26,11 +26,11 @@ const BatteryFull = forwardRef(
           ></path>
           <path
             d="m3 2h9c.5522847 0 1 .44771525 1 1v2c0 .55228475-.4477153 1-1 1h-9c-.55228475 0-1-.44771525-1-1v-2c0-.55228475.44771525-1 1-1z"
-            fill="currentColor"
+            fill={color}
           ></path>
           <path
             d="m16.5 2.5v3"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
diff --git a/react/src/icons/battery_half.js b/react/src/icons/battery_half.js
index d2c1d7b..09525bb 100644
--- a/react/src/icons/battery_half.js
+++ b/react/src/icons/battery_half.js
@@ -26,11 +26,11 @@ const BatteryHalf = forwardRef(
           ></path>
           <path
             d="m3 2h4c.55228475 0 1 .44771525 1 1v2c0 .55228475-.44771525 1-1 1h-4c-.55228475 0-1-.44771525-1-1v-2c0-.55228475.44771525-1 1-1z"
-            fill="currentColor"
+            fill={color}
           ></path>
           <path
             d="m16.5 2.5v3"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
diff --git a/react/src/icons/battery_low.js b/react/src/icons/battery_low.js
index 3961b1b..f658598 100644
--- a/react/src/icons/battery_low.js
+++ b/react/src/icons/battery_low.js
@@ -26,11 +26,11 @@ const BatteryLow = forwardRef(
           ></path>
           <path
             d="m3 2c.55228475 0 1 .44771525 1 1v2c0 .55228475-.44771525 1-1 1s-1-.44771525-1-1v-2c0-.55228475.44771525-1 1-1z"
-            fill="currentColor"
+            fill={color}
           ></path>
           <path
             d="m16.5 2.5v1.5 1.5"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
diff --git a/react/src/icons/calendar_date.js b/react/src/icons/calendar_date.js
index df20082..a519bbc 100644
--- a/react/src/icons/calendar_date.js
+++ b/react/src/icons/calendar_date.js
@@ -26,13 +26,13 @@ const CalendarDate = forwardRef(
           ></path>
           <path
             d="m.659 4.5h15.841"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
           <path
             d="m4.81640625 11.1552734v-1.0791015h.87890625c.66894531 0 1.12304688-.39550784 1.12304688-.97167971 0-.52734375-.41503907-.92773438-1.10351563-.92773438-.71289063 0-1.15234375.36621094-1.20117187.99609375h-1.36230469c.04882812-1.29882812 1.04980469-2.17285156 2.63671875-2.17285156 1.5625 0 2.43164062.86425781 2.42675781 1.89453125-.00488281.85449219-.54199219 1.41601565-1.29882813 1.60156255v.0927734c.98144532.1416016 1.57714844.7666016 1.57714844 1.7089844 0 1.2353515-1.16210937 2.109375-2.75390625 2.109375-1.59179687 0-2.67578125-.8691407-2.73925781-2.2021485h1.41113281c.04394531.5957031.55175781.9765625 1.30859375.9765625.74707032 0 1.26953125-.4052734 1.26953125-1.015625 0-.625-.48828125-1.0107422-1.27929687-1.0107422zm6.69433595 3.0712891v-5.61035156h-.0878906l-1.72851566 1.19140625v-1.37207031l1.82128906-1.25488282h1.4697266v7.04589844z"
-            fill="currentColor"
+            fill={color}
           ></path>
         </g>
       </svg>
diff --git a/react/src/icons/calendar_day.js b/react/src/icons/calendar_day.js
index ae703c9..8dc92d1 100644
--- a/react/src/icons/calendar_day.js
+++ b/react/src/icons/calendar_day.js
@@ -26,11 +26,11 @@ const CalendarDay = forwardRef(
           ></path>
           <path
             d="m.5 4.5h16.027"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <circle cx="4.5" cy="8.5" fill="currentColor" r="1"></circle>
+          <circle cx="4.5" cy="8.5" fill={color} r="1"></circle>
         </g>
       </svg>
     )
diff --git a/react/src/icons/calendar_days.js b/react/src/icons/calendar_days.js
index b631441..cf832d7 100644
--- a/react/src/icons/calendar_days.js
+++ b/react/src/icons/calendar_days.js
@@ -26,11 +26,11 @@ const CalendarDays = forwardRef(
           ></path>
           <path
             d="m.5 4.5h16"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <g fill="currentColor">
+          <g fill={color}>
             <g>
               <circle cx="8.5" cy="8.5" r="1"></circle>
               <circle cx="4.5" cy="8.5" r="1"></circle>
diff --git a/react/src/icons/calendar_last_day.js b/react/src/icons/calendar_last_day.js
index 95bf790..63202ee 100644
--- a/react/src/icons/calendar_last_day.js
+++ b/react/src/icons/calendar_last_day.js
@@ -26,11 +26,11 @@ const CalendarLastDay = forwardRef(
           ></path>
           <path
             d="m.5 4.5h16.027"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <circle cx="12.5" cy="12.5" fill="currentColor" r="1"></circle>
+          <circle cx="12.5" cy="12.5" fill={color} r="1"></circle>
         </g>
       </svg>
     )
diff --git a/react/src/icons/calendar_month.js b/react/src/icons/calendar_month.js
index 5fc3907..f4947f1 100644
--- a/react/src/icons/calendar_month.js
+++ b/react/src/icons/calendar_month.js
@@ -26,11 +26,11 @@ const CalendarMonth = forwardRef(
           ></path>
           <path
             d="m.5 4.5h16"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <g fill="currentColor">
+          <g fill={color}>
             <g>
               <circle cx="8.5" cy="8.5" r="1"></circle>
               <circle cx="4.5" cy="8.5" r="1"></circle>
diff --git a/react/src/icons/cart.js b/react/src/icons/cart.js
index bc090de..d6a066d 100644
--- a/react/src/icons/cart.js
+++ b/react/src/icons/cart.js
@@ -24,9 +24,9 @@ const Cart = forwardRef(
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <path d="m12 10h2v2h-2z" fill="currentColor"></path>
-          <path d="m5 10h2v2h-2z" fill="currentColor"></path>
-          <g stroke="currentColor" strokeLinecap="round" strokeLinejoin="round">
+          <path d="m12 10h2v2h-2z" fill={color}></path>
+          <path d="m5 10h2v2h-2z" fill={color}></path>
+          <g stroke={color} strokeLinecap="round" strokeLinejoin="round">
             <path d="m.5.5h13"></path>
             <path d="m3 3.5h10.5"></path>
           </g>
diff --git a/react/src/icons/credit_card.js b/react/src/icons/credit_card.js
index faf8bdd..4c2f2d8 100644
--- a/react/src/icons/credit_card.js
+++ b/react/src/icons/credit_card.js
@@ -24,7 +24,7 @@ const CreditCard = forwardRef(
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <path d="m0 4h17v2h-17z" fill="currentColor"></path>
+          <path d="m0 4h17v2h-17z" fill={color}></path>
         </g>
       </svg>
     )
diff --git a/react/src/icons/face_delighted.js b/react/src/icons/face_delighted.js
index b17198d..be8fcb2 100644
--- a/react/src/icons/face_delighted.js
+++ b/react/src/icons/face_delighted.js
@@ -26,11 +26,11 @@ const FaceDelighted = forwardRef(
             strokeLinecap="round"
             strokeLinejoin="round"
           ></circle>
-          <circle cx="6" cy="6" fill="currentColor" r="1"></circle>
-          <circle cx="11" cy="6" fill="currentColor" r="1"></circle>
+          <circle cx="6" cy="6" fill={color} r="1"></circle>
+          <circle cx="11" cy="6" fill={color} r="1"></circle>
           <path
             d="m5 10c.33294678 2.3333333 1.49961344 3.5 3.5 3.5 2.0003866 0 3.1670532-1.1666667 3.5-3.5z"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
diff --git a/react/src/icons/face_happy.js b/react/src/icons/face_happy.js
index 82c02ce..26b316e 100644
--- a/react/src/icons/face_happy.js
+++ b/react/src/icons/face_happy.js
@@ -26,11 +26,11 @@ const FaceHappy = forwardRef(
             strokeLinecap="round"
             strokeLinejoin="round"
           ></circle>
-          <circle cx="6" cy="6" fill="currentColor" r="1"></circle>
-          <circle cx="11" cy="6" fill="currentColor" r="1"></circle>
+          <circle cx="6" cy="6" fill={color} r="1"></circle>
+          <circle cx="11" cy="6" fill={color} r="1"></circle>
           <path
             d="m5 10c.93619792 1 2.10286458 1.5 3.5 1.5s2.5638021-.5 3.5-1.5"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
diff --git a/react/src/icons/face_neutral.js b/react/src/icons/face_neutral.js
index dd0650a..b7c976a 100644
--- a/react/src/icons/face_neutral.js
+++ b/react/src/icons/face_neutral.js
@@ -26,11 +26,11 @@ const FaceNeutral = forwardRef(
             strokeLinecap="round"
             strokeLinejoin="round"
           ></circle>
-          <circle cx="6" cy="6" fill="currentColor" r="1"></circle>
-          <circle cx="11" cy="6" fill="currentColor" r="1"></circle>
+          <circle cx="6" cy="6" fill={color} r="1"></circle>
+          <circle cx="11" cy="6" fill={color} r="1"></circle>
           <path
             d="m5.5 10.5h6"
-            stroke="currentColor"
+            stroke={color}
             transform="matrix(1 0 0 -1 0 21)"
             strokeLinecap="round"
             strokeLinejoin="round"
diff --git a/react/src/icons/face_sad.js b/react/src/icons/face_sad.js
index 7a725ce..763cff5 100644
--- a/react/src/icons/face_sad.js
+++ b/react/src/icons/face_sad.js
@@ -24,11 +24,11 @@ const FaceSad = forwardRef(
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <circle cx="6" cy="6" fill="currentColor" r="1"></circle>
-          <circle cx="11" cy="6" fill="currentColor" r="1"></circle>
+          <circle cx="6" cy="6" fill={color} r="1"></circle>
+          <circle cx="11" cy="6" fill={color} r="1"></circle>
           <path
             d="m5 10c.93619792 1 2.10286458 1.5 3.5 1.5s2.5638021-.5 3.5-1.5"
-            stroke="currentColor"
+            stroke={color}
             transform="matrix(1 0 0 -1 0 21.5)"
             strokeLinecap="round"
             strokeLinejoin="round"
diff --git a/react/src/icons/gauge.js b/react/src/icons/gauge.js
index 3d64288..7889a8f 100644
--- a/react/src/icons/gauge.js
+++ b/react/src/icons/gauge.js
@@ -26,11 +26,11 @@ const Gauge = forwardRef(
           ></path>
           <path
             d="m8.5 8.5-4-4"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <circle cx="8.5" cy="8.5" fill="currentColor" r="1.5"></circle>
+          <circle cx="8.5" cy="8.5" fill={color} r="1.5"></circle>
         </g>
       </svg>
     )
diff --git a/react/src/icons/info_circle.js b/react/src/icons/info_circle.js
index ad0eaaa..5712825 100644
--- a/react/src/icons/info_circle.js
+++ b/react/src/icons/info_circle.js
@@ -28,11 +28,11 @@ const InfoCircle = forwardRef(
           ></circle>
           <path
             d="m10.5 14.5v-4"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <circle cx="10.5" cy="7.5" fill="currentColor" r="1"></circle>
+          <circle cx="10.5" cy="7.5" fill={color} r="1"></circle>
         </g>
       </svg>
     )
diff --git a/react/src/icons/iphone_landscape.js b/react/src/icons/iphone_landscape.js
index c099401..bbaf0e3 100644
--- a/react/src/icons/iphone_landscape.js
+++ b/react/src/icons/iphone_landscape.js
@@ -24,7 +24,7 @@ const IphoneLandscape = forwardRef(
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <circle cx="11.5" cy="5.5" fill="currentColor" r="1"></circle>
+          <circle cx="11.5" cy="5.5" fill={color} r="1"></circle>
         </g>
       </svg>
     )
diff --git a/react/src/icons/iphone_portrait.js b/react/src/icons/iphone_portrait.js
index f9cd8a9..4abdfef 100644
--- a/react/src/icons/iphone_portrait.js
+++ b/react/src/icons/iphone_portrait.js
@@ -24,7 +24,7 @@ const IphonePortrait = forwardRef(
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <circle cx="5.5" cy="11.5" fill="currentColor" r="1"></circle>
+          <circle cx="5.5" cy="11.5" fill={color} r="1"></circle>
         </g>
       </svg>
     )
diff --git a/react/src/icons/list.js b/react/src/icons/list.js
index cba7e78..f157508 100644
--- a/react/src/icons/list.js
+++ b/react/src/icons/list.js
@@ -25,7 +25,7 @@ const List = forwardRef(
           </g>
           <path
             d="m1.49884033 2.5c.5 0 1-.5 1-1s-.5-1-1-1-.99884033.5-.99884033 1 .49884033 1 .99884033 1zm0 4c.5 0 1-.5 1-1s-.5-1-1-1-.99884033.5-.99884033 1 .49884033 1 .99884033 1zm0 4c.5 0 1-.5 1-1s-.5-1-1-1-.99884033.5-.99884033 1 .49884033 1 .99884033 1z"
-            fill="currentColor"
+            fill={color}
           ></path>
         </g>
       </svg>
diff --git a/react/src/icons/list_numbered.js b/react/src/icons/list_numbered.js
index d40e2ee..3a6d489 100644
--- a/react/src/icons/list_numbered.js
+++ b/react/src/icons/list_numbered.js
@@ -25,11 +25,11 @@ const ListNumbered = forwardRef(
           </g>
           <path
             d="m1.88 4v-2.172h-.037l-.68.459v-.617l.717-.488h.717v2.818z"
-            fill="currentColor"
+            fill={color}
           ></path>
           <path
             d="m.89941406 6.06835938c0-.57226563.45117188-.96289063 1.109375-.96289063.65234375 0 1.04101563.35351563 1.04101563.8359375 0 .33398437-.1484375.5546875-.59765625.9609375l-.5546875.50195313v.03710937h1.18554687v.55859375h-2.14257812v-.47851562l1.0078125-.91210938c.34765625-.31835938.40625-.43945312.40625-.60546875 0-.1953125-.13671875-.35742187-.3828125-.35742187-.26171875 0-.41601563.17773437-.41601563.421875zm.71289063 4.73046872v-.484375h.36132812c.23828125 0 .39257813-.1386719.39257813-.34179685 0-.19140625-.14648438-.33203125-.38867188-.33203125-.25390625 0-.40820312.13476562-.41992187.3632812h-.65234375c.00976562-.54101558.4375-.89843745 1.10742187-.89843745.66015625 0 1.02148438.34570313 1.01953125.765625 0 .33984375-.21875.56445315-.52734375.63671875v.0371094c.40625.0566406.640625.3085937.640625.6796875 0 .5039062-.48046875.8515625-1.15820312.8515625-.66992188 0-1.125-.3613281-1.15039063-.9160157h.68359375c.00976563.2167969.18554688.3515626.45703125.3515626.26171875 0 .43945313-.1425782.43945313-.3554688 0-.2226562-.16796875-.3574219-.44335938-.3574219z"
-            fill="currentColor"
+            fill={color}
           ></path>
         </g>
       </svg>
diff --git a/react/src/icons/lock.js b/react/src/icons/lock.js
index 3504e49..4e0abfc 100644
--- a/react/src/icons/lock.js
+++ b/react/src/icons/lock.js
@@ -24,7 +24,7 @@ const Lock = forwardRef(
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <circle cx="6.5" cy="13.5" fill="currentColor" r="1.5"></circle>
+          <circle cx="6.5" cy="13.5" fill={color} r="1.5"></circle>
         </g>
       </svg>
     )
diff --git a/react/src/icons/lock_open.js b/react/src/icons/lock_open.js
index f7fba28..3046917 100644
--- a/react/src/icons/lock_open.js
+++ b/react/src/icons/lock_open.js
@@ -24,7 +24,7 @@ const LockOpen = forwardRef(
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <circle cx="6.5" cy="13.5" fill="currentColor" r="1.5"></circle>
+          <circle cx="6.5" cy="13.5" fill={color} r="1.5"></circle>
         </g>
       </svg>
     )
diff --git a/react/src/icons/message.js b/react/src/icons/message.js
index 2548c43..1c23c7b 100644
--- a/react/src/icons/message.js
+++ b/react/src/icons/message.js
@@ -26,17 +26,17 @@ const Message = forwardRef(
           ></path>
           <path
             d="m13.5 5.5h-6"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
           <path
             d="m4.49884033 6.5c.5 0 1-.5 1-1s-.5-1-1-1-.99884033.5-.99884033 1 .49884033 1 .99884033 1zm0 4c.5 0 1-.5 1-1s-.5-1-1-1-.99884033.5-.99884033 1 .49884033 1 .99884033 1z"
-            fill="currentColor"
+            fill={color}
           ></path>
           <path
             d="m13.5 9.5h-6"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
diff --git a/react/src/icons/message_writing.js b/react/src/icons/message_writing.js
index 3c23f22..bce4a42 100644
--- a/react/src/icons/message_writing.js
+++ b/react/src/icons/message_writing.js
@@ -26,7 +26,7 @@ const MessageWriting = forwardRef(
           ></path>
           <path
             d="m8.49884033 8.5c.5 0 1-.5 1-1s-.5-1-1-1-.99884033.5-.99884033 1 .49884033 1 .99884033 1zm-4 0c.5 0 1-.5 1-1s-.5-1-1-1-.99884033.5-.99884033 1 .49884033 1 .99884033 1zm7.99999997 0c.5 0 1-.5 1-1s-.5-1-1-1-.9988403.5-.9988403 1 .4988403 1 .9988403 1z"
-            fill="currentColor"
+            fill={color}
           ></path>
         </g>
       </svg>
diff --git a/react/src/icons/printer.js b/react/src/icons/printer.js
index fde5420..3f02108 100644
--- a/react/src/icons/printer.js
+++ b/react/src/icons/printer.js
@@ -26,11 +26,11 @@ const Printer = forwardRef(
           ></path>
           <path
             d="m1.5 4.5h5.0013251v8h-5.0013251c-.55228475 0-1-.4477153-1-1v-6c0-.55228475.44771525-1 1-1zm11.5 0h2.5c.5522847 0 1 .44771525 1 1v6c0 .5522847-.4477153 1-1 1h-2.5"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <circle cx="9" cy="14" fill="currentColor" r="1"></circle>
+          <circle cx="9" cy="14" fill={color} r="1"></circle>
         </g>
       </svg>
     )
diff --git a/react/src/icons/question_circle.js b/react/src/icons/question_circle.js
index 75af77e..c31ad7b 100644
--- a/react/src/icons/question_circle.js
+++ b/react/src/icons/question_circle.js
@@ -28,11 +28,11 @@ const QuestionCircle = forwardRef(
           ></circle>
           <path
             d="m8.5 9.5v-1l1.41421356-1.41421356c.37507274-.37507276.58578644-.88378059.58578644-1.41421356v-.17157288c0-.61286606-.3462631-1.17313156-.89442719-1.4472136l-.21114562-.1055728c-.56305498-.2815275-1.2257994-.2815275-1.78885438 0l-.10557281.0527864c-.61286606.30643303-1 .9328289-1 1.61803399v.88196601"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <circle cx="8.5" cy="12.5" fill="currentColor" r="1"></circle>
+          <circle cx="8.5" cy="12.5" fill={color} r="1"></circle>
         </g>
       </svg>
     )
diff --git a/react/src/icons/record.js b/react/src/icons/record.js
index 3c5ed71..442db71 100644
--- a/react/src/icons/record.js
+++ b/react/src/icons/record.js
@@ -26,7 +26,7 @@ const Record = forwardRef(
             strokeLinecap="round"
             strokeLinejoin="round"
           ></circle>
-          <circle cx="10.5" cy="10.5" fill="currentColor" r="3"></circle>
+          <circle cx="10.5" cy="10.5" fill={color} r="3"></circle>
         </g>
       </svg>
     )
diff --git a/react/src/icons/server.js b/react/src/icons/server.js
index f36dbb3..05d675c 100644
--- a/react/src/icons/server.js
+++ b/react/src/icons/server.js
@@ -24,14 +24,14 @@ const Server = forwardRef(
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <circle cx="4" cy="4" fill="currentColor" r="1"></circle>
+          <circle cx="4" cy="4" fill={color} r="1"></circle>
           <path
             d="m9.50624332.5000411 2.99999998.00936502c1.1021268.00344048 1.9937567.89785814 1.9937567 1.99999026v12.99057222c0 1.1045695-.8954305 2-2 2-.0020811 0-.0041622-.0000032-.0062433-.0000097l-3.00000002-.009365c-1.10212675-.0034405-1.99375668-.8978582-1.99375668-1.9999903v-12.99057225c0-1.1045695.8954305-2 2-2 .00208111 0 .00416222.00000325.00624332.00000975z"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <circle cx="11" cy="4" fill="currentColor" r="1"></circle>
+          <circle cx="11" cy="4" fill={color} r="1"></circle>
         </g>
       </svg>
     )
diff --git a/react/src/icons/side_menu.js b/react/src/icons/side_menu.js
index 9d7bc3a..609ee43 100644
--- a/react/src/icons/side_menu.js
+++ b/react/src/icons/side_menu.js
@@ -25,7 +25,7 @@ const SideMenu = forwardRef(
           </g>
           <path
             d="m1.49884033 2.5c.5 0 1-.5 1-1s-.5-1-1-1-.99884033.5-.99884033 1 .49884033 1 .99884033 1zm0 4c.5 0 1-.5 1-1s-.5-1-1-1-.99884033.5-.99884033 1 .49884033 1 .99884033 1zm0 4c.5 0 1-.5 1-1s-.5-1-1-1-.99884033.5-.99884033 1 .49884033 1 .99884033 1z"
-            fill="currentColor"
+            fill={color}
           ></path>
         </g>
       </svg>
diff --git a/react/src/icons/speech_typing.js b/react/src/icons/speech_typing.js
index 9c18875..e0d115b 100644
--- a/react/src/icons/speech_typing.js
+++ b/react/src/icons/speech_typing.js
@@ -26,7 +26,7 @@ const SpeechTyping = forwardRef(
           ></path>
           <path
             d="m7.99884033 7.75c.5 0 1-.5 1-1s-.5-1-1-1-.99884033.5-.99884033 1 .49884033 1 .99884033 1zm-4 0c.5 0 1-.5 1-1s-.5-1-1-1-.99884033.5-.99884033 1 .49884033 1 .99884033 1zm7.99999997 0c.5 0 1-.5 1-1s-.5-1-1-1-.9988403.5-.9988403 1 .4988403 1 .9988403 1z"
-            fill="currentColor"
+            fill={color}
           ></path>
         </g>
       </svg>
diff --git a/react/src/icons/tag.js b/react/src/icons/tag.js
index 7843ce8..cc799b4 100644
--- a/react/src/icons/tag.js
+++ b/react/src/icons/tag.js
@@ -25,7 +25,7 @@ const Tag = forwardRef(
             strokeLinejoin="round"
           ></path>
           <rect
-            fill="currentColor"
+            fill={color}
             height="2"
             rx="1"
             width="2"
diff --git a/react/src/icons/tags.js b/react/src/icons/tags.js
index 98a9035..f4e3714 100644
--- a/react/src/icons/tags.js
+++ b/react/src/icons/tags.js
@@ -26,12 +26,12 @@ const Tags = forwardRef(
           ></path>
           <path
             d="m6.03984489 13.9540585-.90290911.6019394c-.91905738.6127049-2.16079606.3643571-2.77350098-.5547002-.08486292-.1272944-.15483981-.2639057-.20855777-.4071535l-1.53002215-4.08005911c-.3389108-.90376213.01599891-1.92063198.84366684-2.41723274l8.57132318-5.1427939"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
           <rect
-            fill="currentColor"
+            fill={color}
             height="2"
             rx="1"
             width="2"
diff --git a/react/src/icons/users.js b/react/src/icons/users.js
index 95ff645..be06f95 100644
--- a/react/src/icons/users.js
+++ b/react/src/icons/users.js
@@ -28,7 +28,7 @@ const Users = forwardRef(
           <path d="m7.5.5c1.65685425 0 3 1.34314575 3 3v1c0 1.65685425-1.34314575 3-3 3s-3-1.34314575-3-3v-1c0-1.65685425 1.34314575-3 3-3zm7 14c0-.2427251 0-.4854502 0-.7281753 0-3.1864098-3.6862915-5.2718247-7-5.2718247s-7 2.0854149-7 5.2718247v.7281753c0 .5522847.44771525 1 1 1h12c.5522847 0 1-.4477153 1-1z"></path>
           <path
             d="m11.5199327.67783074c1.1547685.41741154 1.9800673 1.52341097 1.9800673 2.82216926v1c0 1.29707884-.8231657 2.40189702-1.9755891 2.82054652.6579909-.79913412.9865095-1.90625342.9855555-3.32135789s-.3309652-2.52222377-.9900337-3.32135789zm4.9800673 14.82216926h1c.5522847 0 1-.4477153 1-1 0-.2427251 0-.4854502 0-.7281753 0-2.1698712-1.7094418-3.82917861-3.8465775-4.66705336 0 0 2.8465775 2.39522866 1.8465775 6.39522866z"
-            fill="currentColor"
+            fill={color}
           ></path>
         </g>
       </svg>
diff --git a/react/src/icons/warning_circle.js b/react/src/icons/warning_circle.js
index 793d236..d1530c9 100644
--- a/react/src/icons/warning_circle.js
+++ b/react/src/icons/warning_circle.js
@@ -28,11 +28,11 @@ const WarningCircle = forwardRef(
           ></circle>
           <path
             d="m10.5 11.5v-5"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <circle cx="10.5" cy="14.5" fill="currentColor" r="1"></circle>
+          <circle cx="10.5" cy="14.5" fill={color} r="1"></circle>
         </g>
       </svg>
     )
diff --git a/react/src/icons/warning_hex.js b/react/src/icons/warning_hex.js
index d4ddfee..0f0d9fa 100644
--- a/react/src/icons/warning_hex.js
+++ b/react/src/icons/warning_hex.js
@@ -30,11 +30,11 @@ const WarningHex = forwardRef(
             x2="11.5"
             y1="12.5"
             y2="7.5"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></line>
-          <circle cx="11.5" cy="15.5" r="1" fill="currentColor"></circle>
+          <circle cx="11.5" cy="15.5" r="1" fill={color}></circle>
         </g>
       </svg>
     )
diff --git a/react/src/icons/warning_triangle.js b/react/src/icons/warning_triangle.js
index ada24cb..9681e72 100644
--- a/react/src/icons/warning_triangle.js
+++ b/react/src/icons/warning_triangle.js
@@ -26,11 +26,11 @@ const WarningTriangle = forwardRef(
           ></path>
           <path
             d="m9.5 10.5v-5"
-            stroke="currentColor"
+            stroke={color}
             strokeLinecap="round"
             strokeLinejoin="round"
           ></path>
-          <circle cx="9.5" cy="13.5" fill="currentColor" r="1"></circle>
+          <circle cx="9.5" cy="13.5" fill={color} r="1"></circle>
         </g>
       </svg>
     )