fix: ensure color elements in SVGs get currentColor fill (#2687)

openedx · Dec 13, 2023 · ef8a4cf · ef8a4cf
1 parent e00cb74
commit ef8a4cf
Show file tree

Hide file tree

Showing 161 changed files with 454 additions and 303 deletions.
diff --git a/icons/.svgrrc.js b/icons/.svgrrc.js
@@ -56,7 +56,7 @@ module.exports = {
         [
           "@svgr/babel-plugin-add-jsx-attribute",
           {
-            "elements": ["path"],
+            "elements": ["path", "circle"],
             "attributes": [
               {
                 "name": "fill",

diff --git a/icons/es5/Accessible.js b/icons/es5/Accessible.js
@@ -9,7 +9,8 @@ const SvgAccessible = props => /*#__PURE__*/React.createElement("svg", _extends(
 }, props), /*#__PURE__*/React.createElement("circle", {
   cx: 12,
   cy: 4,
-  r: 2
+  r: 2,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M19 13v-2c-1.54.02-3.09-.75-4.07-1.83l-1.29-1.43c-.17-.19-.38-.34-.61-.45-.01 0-.01-.01-.02-.01H13c-.37-.21-.78-.31-1.25-.25C10.73 7.15 10 8.07 10 9.1V17h7v5h2v-7.5h-5v-3.45c1.29 1.07 3.25 1.94 5 1.95zm-6.17 5c-.41 1.16-1.52 2-2.83 2-1.66 0-3-1.34-3-3 0-1.31.84-2.41 2-2.83V12.1a5 5 0 1 0 5.9 5.9h-2.07z",
   fill: "currentColor"

diff --git a/icons/es5/AccessibleForward.js b/icons/es5/AccessibleForward.js
@@ -9,7 +9,8 @@ const SvgAccessibleForward = props => /*#__PURE__*/React.createElement("svg", _e
 }, props), /*#__PURE__*/React.createElement("circle", {
   cx: 18,
   cy: 4.54,
-  r: 2
+  r: 2,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M15 17h-2c0 1.65-1.35 3-3 3s-3-1.35-3-3 1.35-3 3-3v-2c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5zm5-3.5h-3.86l1.67-3.67C18.42 8.5 17.44 7 15.96 7h-5.2c-.81 0-1.54.47-1.87 1.2L8.22 10l1.92.53.65-1.53H13l-3.12 7H18v5h2v-7.5z",
   fill: "currentColor"

diff --git a/icons/es5/AssistWalker.js b/icons/es5/AssistWalker.js
@@ -9,7 +9,8 @@ const SvgAssistWalker = props => /*#__PURE__*/React.createElement("svg", _extend
 }, props), /*#__PURE__*/React.createElement("circle", {
   cx: 12.5,
   cy: 4.5,
-  r: 2
+  r: 2,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M19.77 17.72 19 10h-3c-1.5-.02-2.86-.54-3.76-1.44l-2-1.98A1.95 1.95 0 0 0 8.83 6c-.51 0-1.02.2-1.41.59l-4.2 4.17 2.08 4.07-3.15 4.05 1.57 1.24 3.68-4.73-.17-1.36.77.72V20h2v-6.12l-2.12-2.12 2.36-2.36c.94.94 1.72 1.82 3.59 2.32L13 20h1.5l.41-3.5h3.18l.14 1.22c-.44.26-.73.74-.73 1.28 0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5c0-.54-.29-1.02-.73-1.28zM15.09 15l.41-3.5h2l.41 3.5h-2.82z",
   fill: "currentColor"

diff --git a/icons/es5/Attribution.js b/icons/es5/Attribution.js
@@ -12,6 +12,7 @@ const SvgAttribution = props => /*#__PURE__*/React.createElement("svg", _extends
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 12,
   cy: 6.5,
-  r: 1.5
+  r: 1.5,
+  fill: "currentColor"
 }));
 export default SvgAttribution;
diff --git a/icons/es5/Bathtub.js b/icons/es5/Bathtub.js
@@ -9,7 +9,8 @@ const SvgBathtub = props => /*#__PURE__*/React.createElement("svg", _extends({
 }, props), /*#__PURE__*/React.createElement("circle", {
   cx: 7,
   cy: 7,
-  r: 2
+  r: 2,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M20 13V4.83C20 3.27 18.73 2 17.17 2c-.75 0-1.47.3-2 .83l-1.25 1.25c-.16-.05-.33-.08-.51-.08-.4 0-.77.12-1.08.32l2.76 2.76c.2-.31.32-.68.32-1.08 0-.18-.03-.34-.07-.51l1.25-1.25a.828.828 0 0 1 1.41.59V13h-6.85c-.3-.21-.57-.45-.82-.72l-1.4-1.55c-.19-.21-.43-.38-.69-.5A2.251 2.251 0 0 0 5 12.25V13H2v8h2v1h16v-1h2v-8h-2z",
   fill: "currentColor"

diff --git a/icons/es5/Biotech.js b/icons/es5/Biotech.js
@@ -15,6 +15,7 @@ const SvgBiotech = props => /*#__PURE__*/React.createElement("svg", _extends({
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 10.5,
   cy: 8,
-  r: 1.5
+  r: 1.5,
+  fill: "currentColor"
 }));
 export default SvgBiotech;
diff --git a/icons/es5/Blind.js b/icons/es5/Blind.js
@@ -9,7 +9,8 @@ const SvgBlind = props => /*#__PURE__*/React.createElement("svg", _extends({
 }, props), /*#__PURE__*/React.createElement("circle", {
   cx: 11.5,
   cy: 3.5,
-  r: 2
+  r: 2,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M12.13 7.12c-.17-.35-.44-.65-.8-.85a1.98 1.98 0 0 0-1.93-.03v-.01L4 9.3V14h2v-3.54l1.5-.85C7.18 10.71 7 11.85 7 13v5.33L4.4 21.8 6 23l3-4 .22-3.54L11 18v5h2v-6.5l-1.97-2.81c-.04-.52-.14-1.76.45-3.4.75 1.14 1.88 1.98 3.2 2.41L20.63 23l.87-.5-5.48-9.5H17v-2c-.49 0-2.88.17-4.08-2.21",
   fill: "currentColor"

diff --git a/icons/es5/BlurOff.js b/icons/es5/BlurOff.js
@@ -9,47 +9,55 @@ const SvgBlurOff = props => /*#__PURE__*/React.createElement("svg", _extends({
 }, props), /*#__PURE__*/React.createElement("circle", {
   cx: 14,
   cy: 6,
-  r: 1
+  r: 1,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "m13.8 11.48.2.02c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5l.02.2c.09.67.61 1.19 1.28 1.28zM14 3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5zm-4 0c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5z",
   fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 18,
   cy: 10,
-  r: 1
+  r: 1,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 18,
   cy: 6,
-  r: 1
+  r: 1,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M21 10.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5-.5.22-.5.5.22.5.5.5z",
   fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 10,
   cy: 6,
-  r: 1
+  r: 1,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 18,
   cy: 14,
-  r: 1
+  r: 1,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 6,
   cy: 18,
-  r: 1
+  r: 1,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M14 20.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm7-7c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm-18 0c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5z",
   fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 10,
   cy: 18,
-  r: 1
+  r: 1,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M3 9.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm7 11c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5z",
   fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 6,
   cy: 14,
-  r: 1
+  r: 1,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M2.5 5.27 6 8.77l.28.28L6 9c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1c0-.1-.03-.19-.06-.28l2.81 2.81c-.71.11-1.25.73-1.25 1.47 0 .83.67 1.5 1.5 1.5.74 0 1.36-.54 1.47-1.25l2.81 2.81A.875.875 0 0 0 14 17c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1c0-.1-.03-.19-.06-.28l3.78 3.78h.01l1.41-1.41L3.91 3.86 2.5 5.27z",
   fill: "currentColor"

diff --git a/icons/es5/Brightness1.js b/icons/es5/Brightness1.js
@@ -9,6 +9,7 @@ const SvgBrightness1 = props => /*#__PURE__*/React.createElement("svg", _extends
 }, props), /*#__PURE__*/React.createElement("circle", {
   cx: 12,
   cy: 12,
-  r: 10
+  r: 10,
+  fill: "currentColor"
 }));
 export default SvgBrightness1;
diff --git a/icons/es5/BubbleChart.js b/icons/es5/BubbleChart.js
@@ -9,14 +9,17 @@ const SvgBubbleChart = props => /*#__PURE__*/React.createElement("svg", _extends
 }, props), /*#__PURE__*/React.createElement("circle", {
   cx: 7.2,
   cy: 14.4,
-  r: 3.2
+  r: 3.2,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 14.8,
   cy: 18,
-  r: 2
+  r: 2,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 15.2,
   cy: 8.8,
-  r: 4.8
+  r: 4.8,
+  fill: "currentColor"
 }));
 export default SvgBubbleChart;
diff --git a/icons/es5/CameraAlt.js b/icons/es5/CameraAlt.js
@@ -9,7 +9,8 @@ const SvgCameraAlt = props => /*#__PURE__*/React.createElement("svg", _extends({
 }, props), /*#__PURE__*/React.createElement("circle", {
   cx: 12,
   cy: 12,
-  r: 3
+  r: 3,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M16.83 4 15 2H9L7.17 4H2v16h20V4h-5.17zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z",
   fill: "currentColor"

diff --git a/icons/es5/Category.js b/icons/es5/Category.js
@@ -12,7 +12,8 @@ const SvgCategory = props => /*#__PURE__*/React.createElement("svg", _extends({
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 17.5,
   cy: 17.5,
-  r: 4.5
+  r: 4.5,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M3 13.5h8v8H3z",
   fill: "currentColor"

diff --git a/icons/es5/ChildCare.js b/icons/es5/ChildCare.js
@@ -9,11 +9,13 @@ const SvgChildCare = props => /*#__PURE__*/React.createElement("svg", _extends({
 }, props), /*#__PURE__*/React.createElement("circle", {
   cx: 14.5,
   cy: 10.5,
-  r: 1.25
+  r: 1.25,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 9.5,
   cy: 10.5,
-  r: 1.25
+  r: 1.25,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M12 17c2.01 0 3.74-1.23 4.5-3h-9c.76 1.77 2.49 3 4.5 3zm10.94-5.66a4.008 4.008 0 0 0-2.81-3.17 9.114 9.114 0 0 0-2.19-2.91C16.36 3.85 14.28 3 12 3s-4.36.85-5.94 2.26c-.92.81-1.67 1.8-2.19 2.91a3.994 3.994 0 0 0-2.81 3.17c-.04.21-.06.43-.06.66 0 .23.02.45.06.66a4.008 4.008 0 0 0 2.81 3.17 8.977 8.977 0 0 0 2.17 2.89C7.62 20.14 9.71 21 12 21s4.38-.86 5.97-2.28c.9-.8 1.65-1.79 2.17-2.89a3.998 3.998 0 0 0 2.8-3.17c.04-.21.06-.43.06-.66 0-.23-.02-.45-.06-.66zM19 14c-.1 0-.19-.02-.29-.03-.2.67-.49 1.29-.86 1.86C16.6 17.74 14.45 19 12 19s-4.6-1.26-5.85-3.17c-.37-.57-.66-1.19-.86-1.86-.1.01-.19.03-.29.03-1.1 0-2-.9-2-2s.9-2 2-2c.1 0 .19.02.29.03.2-.67.49-1.29.86-1.86C7.4 6.26 9.55 5 12 5s4.6 1.26 5.85 3.17c.37.57.66 1.19.86 1.86.1-.01.19-.03.29-.03 1.1 0 2 .9 2 2s-.9 2-2 2z",
   fill: "currentColor"

diff --git a/icons/es5/CoPresent.js b/icons/es5/CoPresent.js
@@ -12,7 +12,8 @@ const SvgCoPresent = props => /*#__PURE__*/React.createElement("svg", _extends({
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 9,
   cy: 10,
-  r: 4
+  r: 4,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M15.39 16.56C13.71 15.7 11.53 15 9 15s-4.71.7-6.39 1.56A2.97 2.97 0 0 0 1 19.22V22h16v-2.78c0-1.12-.61-2.15-1.61-2.66z",
   fill: "currentColor"

diff --git a/icons/es5/CoffeeMaker.js b/icons/es5/CoffeeMaker.js
@@ -12,6 +12,7 @@ const SvgCoffeeMaker = props => /*#__PURE__*/React.createElement("svg", _extends
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 13,
   cy: 9,
-  r: 1
+  r: 1,
+  fill: "currentColor"
 }));
 export default SvgCoffeeMaker;
diff --git a/icons/es5/CompassCalibration.js b/icons/es5/CompassCalibration.js
@@ -9,7 +9,8 @@ const SvgCompassCalibration = props => /*#__PURE__*/React.createElement("svg", _
 }, props), /*#__PURE__*/React.createElement("circle", {
   cx: 12,
   cy: 17,
-  r: 4
+  r: 4,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M12 3C8.1 3 4.56 4.59 2 7.15l5 5a7.06 7.06 0 0 1 10-.01l5-5C19.44 4.59 15.9 3 12 3z",
   fill: "currentColor"

diff --git a/icons/es5/ControlCamera.js b/icons/es5/ControlCamera.js
@@ -12,6 +12,7 @@ const SvgControlCamera = props => /*#__PURE__*/React.createElement("svg", _exten
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 12,
   cy: 12,
-  r: 3
+  r: 3,
+  fill: "currentColor"
 }));
 export default SvgControlCamera;
diff --git a/icons/es5/Deblur.js b/icons/es5/Deblur.js
@@ -12,50 +12,62 @@ const SvgDeblur = props => /*#__PURE__*/React.createElement("svg", _extends({
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 6,
   cy: 14,
-  r: 1
+  r: 1,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 6,
   cy: 18,
-  r: 1
+  r: 1,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 6,
   cy: 10,
-  r: 1
+  r: 1,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 3,
   cy: 10,
-  r: 0.5
+  r: 0.5,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 6,
   cy: 6,
-  r: 1
+  r: 1,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 3,
   cy: 14,
-  r: 0.5
+  r: 0.5,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 10,
   cy: 21,
-  r: 0.5
+  r: 0.5,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 10,
   cy: 3,
-  r: 0.5
+  r: 0.5,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 10,
   cy: 6,
-  r: 1
+  r: 1,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 10,
   cy: 14,
-  r: 1.5
+  r: 1.5,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 10,
   cy: 10,
-  r: 1.5
+  r: 1.5,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 10,
   cy: 18,
-  r: 1
+  r: 1,
+  fill: "currentColor"
 }));
 export default SvgDeblur;
diff --git a/icons/es5/Diversity1.js b/icons/es5/Diversity1.js
@@ -9,14 +9,16 @@ const SvgDiversity1 = props => /*#__PURE__*/React.createElement("svg", _extends(
 }, props), /*#__PURE__*/React.createElement("circle", {
   cx: 4,
   cy: 14,
-  r: 2
+  r: 2,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M1.22 17.58A2.01 2.01 0 0 0 0 19.43V21h4.5v-1.61c0-.83.23-1.61.63-2.29-.37-.06-.74-.1-1.13-.1-.99 0-1.93.21-2.78.58z",
   fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 20,
   cy: 14,
-  r: 2
+  r: 2,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M22.78 17.58A6.95 6.95 0 0 0 20 17c-.39 0-.76.04-1.13.1.4.68.63 1.46.63 2.29V21H24v-1.57c0-.81-.48-1.53-1.22-1.85zm-6.54-.93c-1.17-.52-2.61-.9-4.24-.9-1.63 0-3.07.39-4.24.9A2.988 2.988 0 0 0 6 19.39V21h12v-1.61c0-1.18-.68-2.26-1.76-2.74zM9 12c0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3z",
   fill: "currentColor"

diff --git a/icons/es5/EmojiPeople.js b/icons/es5/EmojiPeople.js
@@ -9,7 +9,8 @@ const SvgEmojiPeople = props => /*#__PURE__*/React.createElement("svg", _extends
 }, props), /*#__PURE__*/React.createElement("circle", {
   cx: 12,
   cy: 4,
-  r: 2
+  r: 2,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M15.89 8.11C15.5 7.72 14.83 7 13.53 7h-2.54C8.24 6.99 6 4.75 6 2H4c0 3.16 2.11 5.84 5 6.71V22h2v-6h2v6h2V10.05L18.95 14l1.41-1.41-4.47-4.48z",
   fill: "currentColor"

diff --git a/icons/es5/EmojiSymbols.js b/icons/es5/EmojiSymbols.js
@@ -12,11 +12,13 @@ const SvgEmojiSymbols = props => /*#__PURE__*/React.createElement("svg", _extend
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 14.5,
   cy: 14.5,
-  r: 1.5
+  r: 1.5,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 19.5,
   cy: 19.5,
-  r: 1.5
+  r: 1.5,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("path", {
   d: "M15.5 11A2.5 2.5 0 0 0 18 8.5V4h3V2h-4v4.51c-.42-.32-.93-.51-1.5-.51a2.5 2.5 0 0 0 0 5zm-5.76 4.96-1.41 1.41-.71-.71.35-.35a2.499 2.499 0 0 0-1.77-4.27 2.499 2.499 0 0 0-1.77 4.27l.35.35-1.06 1.06c-.98.98-.98 2.56 0 3.54.5.5 1.14.74 1.78.74s1.28-.24 1.77-.73l1.06-1.06 1.41 1.41 1.41-1.41-1.41-1.41 1.41-1.41-1.41-1.43zM5.85 14.2c.12-.12.26-.15.35-.15s.23.03.35.15c.19.2.19.51 0 .71l-.35.35-.35-.36a.501.501 0 0 1 0-.7zm0 5.65c-.12.12-.26.15-.35.15s-.23-.03-.35-.15a.513.513 0 0 1 0-.71l1.06-1.06.71.71-1.07 1.06z",
   fill: "currentColor"

diff --git a/icons/es5/Face2.js b/icons/es5/Face2.js
@@ -12,10 +12,12 @@ const SvgFace2 = props => /*#__PURE__*/React.createElement("svg", _extends({
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 9,
   cy: 14,
-  r: 1.25
+  r: 1.25,
+  fill: "currentColor"
 }), /*#__PURE__*/React.createElement("circle", {
   cx: 15,
   cy: 14,
-  r: 1.25
+  r: 1.25,
+  fill: "currentColor"
 }));
 export default SvgFace2;