@thesvg/react 0.1.0 → 0.4.1

package/README.md

@@ -1,3 +1,9 @@
+<p align="center">
+  <a href="https://github.com/GLINCKER/thesvg">
+    <img src="https://raw.githubusercontent.com/GLINCKER/thesvg/main/public/og-image.png" alt="theSVG - 3,847 Brand SVG Icons" width="700" />
+  </a>
+</p>
+
 # @thesvg/react
 
 Typed React SVG components for all 3,800+ brand icons from [thesvg.org](https://thesvg.org).
@@ -140,5 +146,4 @@ Over 3,800 brand icons are available. Browse the full list at
 
 MIT - see [LICENSE](./LICENSE).
 
-Icons are sourced from various projects under their respective licenses.
-See [thesvg.org](https://thesvg.org) for per-icon license details.
+Brand icons and logos are the property of their respective trademark holders. See [thesvg.org](https://thesvg.org) for details.

package/dist/ai360-360.cjs

@@ -20,8 +20,7 @@ const Ai360360 = react_1.forwardRef(function Ai360360({ viewBox = '0 0 24 24', .
     "type": "path",
     "props": {
       "clipRule": "evenodd",
-      "d": "M12 0h.018c1.473-.002 2.88.261 4.179.754C20.755 2.456 24 6.85 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm8.604 18.967A11.024 11.024 0 0023.07 12c0-1.717-.39-3.344-1.089-4.794a2.59 2.59 0 01-3.214.62 6.278 6.278 0 01-1.333-.992C16.283 5.73 15.109 4.66 13.696 3.9c-3.211-1.729-6.825-1.501-9.695.447A11.033 11.033 0 00.93 12c0 1.663.367 3.241 1.024 4.657.75-.973 2.131-1.346 3.232-.71.667.384 1.257.92 1.837 1.447l.176.16c1.365 1.234 2.794 2.355 4.558 2.965 3.053 1.053 6.356.437 8.847-1.552z",
-      "fillRule": "evenodd"
+      "d": "M12 0h.018c1.473-.002 2.88.261 4.179.754C20.755 2.456 24 6.85 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm8.604 18.967A11.024 11.024 0 0023.07 12c0-1.717-.39-3.344-1.089-4.794a2.59 2.59 0 01-3.214.62 6.278 6.278 0 01-1.333-.992C16.283 5.73 15.109 4.66 13.696 3.9c-3.211-1.729-6.825-1.501-9.695.447A11.033 11.033 0 00.93 12c0 1.663.367 3.241 1.024 4.657.75-.973 2.131-1.346 3.232-.71.667.384 1.257.92 1.837 1.447l.176.16c1.365 1.234 2.794 2.355 4.558 2.965 3.053 1.053 6.356.437 8.847-1.552z"
     },
     "children": []
   },

package/dist/ai360-360.js

@@ -16,15 +16,11 @@ const Ai360360 = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(
       >
       <title>Ai360 (360智脑)</title>
         <path clipRule="evenodd"
-              d="M12 0h.018c1.473-.002 2.88.261 4.179.754C20.755 2.456 24 6.85 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm8.604 18.967A11.024 11.024 0 0023.07 12c0-1.717-.39-3.344-1.089-4.794a2.59 2.59 0 01-3.214.62 6.278 6.278 0 01-1.333-.992C16.283 5.73 15.109 4.66 13.696 3.9c-3.211-1.729-6.825-1.501-9.695.447A11.033 11.033 0 00.93 12c0 1.663.367 3.241 1.024 4.657.75-.973 2.131-1.346 3.232-.71.667.384 1.257.92 1.837 1.447l.176.16c1.365 1.234 2.794 2.355 4.558 2.965 3.053 1.053 6.356.437 8.847-1.552z"
-              fill={a.fill}
-              fillRule="evenodd" />
-        <path d="M5.643 10.312c-.83.11-1.401.766-1.408 1.618a1.715 1.715 0 001.45 1.72c.805.128 1.64-.426 1.87-1.26.046-.167.076-.338.106-.51.025-.14.05-.282.084-.42.318-1.317 1.237-1.95 2.788-1.93 1.086.013 1.318.271 1.68 1.855.017.076.043.151.07.226.26.714.976 1.17 1.67 1.065a1.647 1.647 0 001.38-1.438c.083-.729-.348-1.264-1.122-1.575-.34-.136-.664-.158-.995-.141-.726.037-1.121-.36-1.339-.977a3.359 3.359 0 01-.134-.65c-.014-.093-.027-.186-.043-.278-.156-.887-.835-1.51-1.669-1.532-.791-.02-1.464.551-1.665 1.418l-.06.27-.025.117c-.355 1.636-.974 2.205-2.638 2.422z"
-              fill={b.fill} />
-        <path d="M18.059 13.644c.989-.206 1.577-.838 1.592-1.697.015-.83-.624-1.582-1.46-1.724-.77-.13-1.599.383-1.844 1.18-.069.22-.117.448-.165.676-.06.29-.122.58-.225.854-.367.986-1.593 1.546-2.926 1.394-.824-.095-1.106-.446-1.342-1.674-.18-.938-.864-1.535-1.681-1.467-.85.07-1.515.829-1.468 1.673.05.892.678 1.44 1.705 1.489 1.375.064 1.75.396 1.926 1.787.067.531.267.967.685 1.288 1.02.783 2.407.208 2.66-1.108l.022-.114c.152-.796.3-1.577 1.04-2.101.36-.255.761-.326 1.166-.397.105-.019.21-.037.315-.06z"
-              fill={c.fill} />
-        <path d="M13.83 7.961a.755.755 0 11-1.51 0 .755.755 0 011.51 0z" fill={d.fill} />
-        <path d="M10.809 16.678a.755.755 0 100-1.511.755.755 0 000 1.51z" fill={e.fill} />
+              d="M12 0h.018c1.473-.002 2.88.261 4.179.754C20.755 2.456 24 6.85 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm8.604 18.967A11.024 11.024 0 0023.07 12c0-1.717-.39-3.344-1.089-4.794a2.59 2.59 0 01-3.214.62 6.278 6.278 0 01-1.333-.992C16.283 5.73 15.109 4.66 13.696 3.9c-3.211-1.729-6.825-1.501-9.695.447A11.033 11.033 0 00.93 12c0 1.663.367 3.241 1.024 4.657.75-.973 2.131-1.346 3.232-.71.667.384 1.257.92 1.837 1.447l.176.16c1.365 1.234 2.794 2.355 4.558 2.965 3.053 1.053 6.356.437 8.847-1.552z" />
+        <path d="M5.643 10.312c-.83.11-1.401.766-1.408 1.618a1.715 1.715 0 001.45 1.72c.805.128 1.64-.426 1.87-1.26.046-.167.076-.338.106-.51.025-.14.05-.282.084-.42.318-1.317 1.237-1.95 2.788-1.93 1.086.013 1.318.271 1.68 1.855.017.076.043.151.07.226.26.714.976 1.17 1.67 1.065a1.647 1.647 0 001.38-1.438c.083-.729-.348-1.264-1.122-1.575-.34-.136-.664-.158-.995-.141-.726.037-1.121-.36-1.339-.977a3.359 3.359 0 01-.134-.65c-.014-.093-.027-.186-.043-.278-.156-.887-.835-1.51-1.669-1.532-.791-.02-1.464.551-1.665 1.418l-.06.27-.025.117c-.355 1.636-.974 2.205-2.638 2.422z" />
+        <path d="M18.059 13.644c.989-.206 1.577-.838 1.592-1.697.015-.83-.624-1.582-1.46-1.724-.77-.13-1.599.383-1.844 1.18-.069.22-.117.448-.165.676-.06.29-.122.58-.225.854-.367.986-1.593 1.546-2.926 1.394-.824-.095-1.106-.446-1.342-1.674-.18-.938-.864-1.535-1.681-1.467-.85.07-1.515.829-1.468 1.673.05.892.678 1.44 1.705 1.489 1.375.064 1.75.396 1.926 1.787.067.531.267.967.685 1.288 1.02.783 2.407.208 2.66-1.108l.022-.114c.152-.796.3-1.577 1.04-2.101.36-.255.761-.326 1.166-.397.105-.019.21-.037.315-.06z" />
+        <path d="M13.83 7.961a.755.755 0 11-1.51 0 .755.755 0 011.51 0z" />
+        <path d="M10.809 16.678a.755.755 0 100-1.511.755.755 0 000 1.51z" />
       </svg>
     );
   }

package/dist/akashchat.cjs

@@ -19,6 +19,7 @@ const Akashchat = react_1.forwardRef(function Akashchat({ viewBox = '0 0 24 24',
   {
     "type": "path",
     "props": {
+      "clipRule": "evenodd",
       "d": "M15.902 14.836l3.93 6.914h-7.934L7.93 14.836h7.972z"
     },
     "children": []
@@ -26,16 +27,16 @@ const Akashchat = react_1.forwardRef(function Akashchat({ viewBox = '0 0 24 24',
   {
     "type": "path",
     "props": {
-      "d": "M19.828 21.754l3.96-6.918L15.86 1H7.93l11.898 20.754z",
-      "fill": "#FF414C"
+      "clipRule": "evenodd",
+      "d": "M19.828 21.754l3.96-6.918L15.86 1H7.93l11.898 20.754z"
     },
     "children": []
   },
   {
     "type": "path",
     "props": {
-      "d": "M3.965 7.914h7.93L3.969 21.75 0 14.836l3.965-6.922z",
-      "fill": "#FF414C"
+      "clipRule": "evenodd",
+      "d": "M3.965 7.914h7.93L3.969 21.75 0 14.836l3.965-6.922z"
     },
     "children": []
   }

package/dist/akashchat.js

@@ -15,9 +15,9 @@ const Akashchat = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(
         {...props}
       >
       <title>AkashChat</title>
-        <path d="M15.902 14.836l3.93 6.914h-7.934L7.93 14.836h7.972z" fill={fill} />
-        <path d="M19.828 21.754l3.96-6.918L15.86 1H7.93l11.898 20.754z" fill="#FF414C" />
-        <path d="M3.965 7.914h7.93L3.969 21.75 0 14.836l3.965-6.922z" fill="#FF414C" />
+        <path clipRule="evenodd" d="M15.902 14.836l3.93 6.914h-7.934L7.93 14.836h7.972z" />
+        <path clipRule="evenodd" d="M19.828 21.754l3.96-6.918L15.86 1H7.93l11.898 20.754z" />
+        <path clipRule="evenodd" d="M3.965 7.914h7.93L3.969 21.75 0 14.836l3.965-6.922z" />
       </svg>
     );
   }

package/dist/antgroup.cjs

@@ -20,6 +20,7 @@ const Antgroup = react_1.forwardRef(function Antgroup({ viewBox = '0 0 24 24', .
     "type": "path",
     "props": {
       "d": "M9.797 6.282a.451.451 0 01-.336-.315 1.019 1.019 0 010-.505c.156-.86.3-1.725.501-2.577.14-.7.42-1.367.823-1.96.305-.431.75-.746 1.262-.89.877-.217 1.24.629.937 1.348-.259.593-.877.914-1.334 1.348-.835.795-1.096 2.14-1.336 3.212a.427.427 0 01-.186.277.437.437 0 01-.331.062z",
+      "fill": "url(#grad-a)",
       "transform": "translate(3)"
     },
     "children": []
@@ -28,6 +29,7 @@ const Antgroup = react_1.forwardRef(function Antgroup({ viewBox = '0 0 24 24', .
     "type": "path",
     "props": {
       "d": "M6.334 4.672c.33-.121.682.146.946.297.278.145.587.219.901.214.231.01.466 0 .688.018 4.098.176 7.484 3.22 8.05 7.237.565 4.016-1.852 7.859-5.745 9.134-3.894 1.276-8.153-.38-10.126-3.935A8.339 8.339 0 013.133 7.081c.348-.278.716-.53 1.102-.755a8.404 8.404 0 001.318-.79c.28-.243.45-.742.781-.864zm4.406 2.15c-2.841.003-4.898 2.533-4.628 5.642.27 3.109 2.781 5.641 5.613 5.665 2.832.024 4.932-2.512 4.658-5.644-.273-3.133-2.802-5.666-5.643-5.663zm.357.57a4.707 4.707 0 013.304 1.446 5.703 5.703 0 011.643 3.49 4.841 4.841 0 01-1.141 3.705v.015a3.923 3.923 0 01-2.808 1.303 4.664 4.664 0 01-3.367-1.387 5.678 5.678 0 01-1.71-3.518 4.832 4.832 0 011.14-3.753 3.923 3.923 0 012.813-1.3h.126z",
+      "fill": "url(#grad-b)",
       "transform": "translate(3)"
     },
     "children": []
@@ -36,9 +38,124 @@ const Antgroup = react_1.forwardRef(function Antgroup({ viewBox = '0 0 24 24', .
     "type": "path",
     "props": {
       "d": "M2.346 2.054a1.26 1.26 0 01.384-.594.842.842 0 011.165.11c.694.82.169 2.078.142 3.02.013.805.208 1.597.57 2.318.084.134.147.279.186.43a.539.539 0 01-.3.577c-.345.17-.568-.19-.709-.446-.324-.6-.617-1.216-.877-1.846a8.698 8.698 0 01-.618-1.987 7.523 7.523 0 01-.051-.37 3.717 3.717 0 01-.024-.34 2.506 2.506 0 01.132-.872z",
+      "fill": "url(#grad-c)",
       "transform": "translate(3)"
     },
     "children": []
+  },
+  {
+    "type": "defs",
+    "props": {},
+    "children": [
+      {
+        "type": "linearGradient",
+        "props": {
+          "id": "grad-a",
+          "x1": "31.373%",
+          "x2": "61.365%",
+          "y1": "95.551%",
+          "y2": "-.348%"
+        },
+        "children": [
+          {
+            "type": "stop",
+            "props": {
+              "offset": "0%",
+              "stopColor": "#06F"
+            },
+            "children": []
+          },
+          {
+            "type": "stop",
+            "props": {
+              "offset": "20%",
+              "stopColor": "#1677FF"
+            },
+            "children": []
+          },
+          {
+            "type": "stop",
+            "props": {
+              "offset": "100%",
+              "stopColor": "#04A6FF"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "type": "linearGradient",
+    "props": {
+      "id": "grad-b",
+      "x1": "4.366%",
+      "x2": "94.359%",
+      "y1": "65.982%",
+      "y2": "32.918%"
+    },
+    "children": [
+      {
+        "type": "stop",
+        "props": {
+          "offset": "0%",
+          "stopColor": "#06F"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": "20%",
+          "stopColor": "#1677FF"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": "100%",
+          "stopColor": "#04A6FF"
+        },
+        "children": []
+      }
+    ]
+  },
+  {
+    "type": "linearGradient",
+    "props": {
+      "id": "grad-c",
+      "x1": "56.255%",
+      "x2": "45.986%",
+      "y1": "99.257%",
+      "y2": "1.384%"
+    },
+    "children": [
+      {
+        "type": "stop",
+        "props": {
+          "offset": "0%",
+          "stopColor": "#06F"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": "20%",
+          "stopColor": "#1677FF"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": "100%",
+          "stopColor": "#04A6FF"
+        },
+        "children": []
+      }
+    ]
   }
 ]
       .map(function(el) {

package/dist/antgroup.js

@@ -15,15 +15,38 @@ const Antgroup = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(
         {...props}
       >
       <title>AntGroup</title>
-        <path d="M9.797 6.282a.451.451 0 01-.336-.315 1.019 1.019 0 010-.505c.156-.86.3-1.725.501-2.577.14-.7.42-1.367.823-1.96.305-.431.75-.746 1.262-.89.877-.217 1.24.629.937 1.348-.259.593-.877.914-1.334 1.348-.835.795-1.096 2.14-1.336 3.212a.427.427 0 01-.186.277.437.437 0 01-.331.062z"
-              fill={a.fill}
-              transform="translate(3)" />
-        <path d="M6.334 4.672c.33-.121.682.146.946.297.278.145.587.219.901.214.231.01.466 0 .688.018 4.098.176 7.484 3.22 8.05 7.237.565 4.016-1.852 7.859-5.745 9.134-3.894 1.276-8.153-.38-10.126-3.935A8.339 8.339 0 013.133 7.081c.348-.278.716-.53 1.102-.755a8.404 8.404 0 001.318-.79c.28-.243.45-.742.781-.864zm4.406 2.15c-2.841.003-4.898 2.533-4.628 5.642.27 3.109 2.781 5.641 5.613 5.665 2.832.024 4.932-2.512 4.658-5.644-.273-3.133-2.802-5.666-5.643-5.663zm.357.57a4.707 4.707 0 013.304 1.446 5.703 5.703 0 011.643 3.49 4.841 4.841 0 01-1.141 3.705v.015a3.923 3.923 0 01-2.808 1.303 4.664 4.664 0 01-3.367-1.387 5.678 5.678 0 01-1.71-3.518 4.832 4.832 0 011.14-3.753 3.923 3.923 0 012.813-1.3h.126z"
-              fill={b.fill}
-              transform="translate(3)" />
-        <path d="M2.346 2.054a1.26 1.26 0 01.384-.594.842.842 0 011.165.11c.694.82.169 2.078.142 3.02.013.805.208 1.597.57 2.318.084.134.147.279.186.43a.539.539 0 01-.3.577c-.345.17-.568-.19-.709-.446-.324-.6-.617-1.216-.877-1.846a8.698 8.698 0 01-.618-1.987 7.523 7.523 0 01-.051-.37 3.717 3.717 0 01-.024-.34 2.506 2.506 0 01.132-.872z"
-              fill={c.fill}
-              transform="translate(3)" />
+            <path
+              d="M9.797 6.282a.451.451 0 01-.336-.315 1.019 1.019 0 010-.505c.156-.86.3-1.725.501-2.577.14-.7.42-1.367.823-1.96.305-.431.75-.746 1.262-.89.877-.217 1.24.629.937 1.348-.259.593-.877.914-1.334 1.348-.835.795-1.096 2.14-1.336 3.212a.427.427 0 01-.186.277.437.437 0 01-.331.062z"
+              fill="url(#grad-a)"
+              transform="translate(3)"
+            />
+            <path
+              d="M6.334 4.672c.33-.121.682.146.946.297.278.145.587.219.901.214.231.01.466 0 .688.018 4.098.176 7.484 3.22 8.05 7.237.565 4.016-1.852 7.859-5.745 9.134-3.894 1.276-8.153-.38-10.126-3.935A8.339 8.339 0 013.133 7.081c.348-.278.716-.53 1.102-.755a8.404 8.404 0 001.318-.79c.28-.243.45-.742.781-.864zm4.406 2.15c-2.841.003-4.898 2.533-4.628 5.642.27 3.109 2.781 5.641 5.613 5.665 2.832.024 4.932-2.512 4.658-5.644-.273-3.133-2.802-5.666-5.643-5.663zm.357.57a4.707 4.707 0 013.304 1.446 5.703 5.703 0 011.643 3.49 4.841 4.841 0 01-1.141 3.705v.015a3.923 3.923 0 01-2.808 1.303 4.664 4.664 0 01-3.367-1.387 5.678 5.678 0 01-1.71-3.518 4.832 4.832 0 011.14-3.753 3.923 3.923 0 012.813-1.3h.126z"
+              fill="url(#grad-b)"
+              transform="translate(3)"
+            />
+            <path
+              d="M2.346 2.054a1.26 1.26 0 01.384-.594.842.842 0 011.165.11c.694.82.169 2.078.142 3.02.013.805.208 1.597.57 2.318.084.134.147.279.186.43a.539.539 0 01-.3.577c-.345.17-.568-.19-.709-.446-.324-.6-.617-1.216-.877-1.846a8.698 8.698 0 01-.618-1.987 7.523 7.523 0 01-.051-.37 3.717 3.717 0 01-.024-.34 2.506 2.506 0 01.132-.872z"
+              fill="url(#grad-c)"
+              transform="translate(3)"
+            />
+            <defs>
+              <linearGradient id="grad-a" x1="31.373%" x2="61.365%" y1="95.551%" y2="-.348%">
+                <stop offset="0%" stopColor="#06F" />
+                <stop offset="20%" stopColor="#1677FF" />
+                <stop offset="100%" stopColor="#04A6FF" />
+              </linearGradient>
+              <linearGradient id="grad-b" x1="4.366%" x2="94.359%" y1="65.982%" y2="32.918%">
+                <stop offset="0%" stopColor="#06F" />
+                <stop offset="20%" stopColor="#1677FF" />
+                <stop offset="100%" stopColor="#04A6FF" />
+              </linearGradient>
+              <linearGradient id="grad-c" x1="56.255%" x2="45.986%" y1="99.257%" y2="1.384%">
+                <stop offset="0%" stopColor="#06F" />
+                <stop offset="20%" stopColor="#1677FF" />
+                <stop offset="100%" stopColor="#04A6FF" />
+              </linearGradient>
+            </defs>
       </svg>
     );
   }

package/dist/azureai.cjs

@@ -21,6 +21,7 @@ const Azureai = react_1.forwardRef(function Azureai({ viewBox = '0 0 24 24', ...
     "props": {
       "clipRule": "evenodd",
       "d": "M16.233 0c.713 0 1.345.551 1.572 1.329.227.778 1.555 5.59 1.555 5.59v9.562h-4.813L14.645 0h1.588z",
+      "fill": "url(#grad-a)",
       "fillRule": "evenodd"
     },
     "children": []
@@ -28,7 +29,8 @@ const Azureai = react_1.forwardRef(function Azureai({ viewBox = '0 0 24 24', ...
   {
     "type": "path",
     "props": {
-      "d": "M23.298 7.47c0-.34-.275-.6-.6-.6h-2.835a3.617 3.617 0 00-3.614 3.615v5.996h3.436a3.617 3.617 0 003.613-3.614V7.47z"
+      "d": "M23.298 7.47c0-.34-.275-.6-.6-.6h-2.835a3.617 3.617 0 00-3.614 3.615v5.996h3.436a3.617 3.617 0 003.613-3.614V7.47z",
+      "fill": "url(#grad-b)"
     },
     "children": []
   },
@@ -37,9 +39,300 @@ const Azureai = react_1.forwardRef(function Azureai({ viewBox = '0 0 24 24', ...
     "props": {
       "clipRule": "evenodd",
       "d": "M16.233 0a.982.982 0 00-.989.989l-.097 18.198A4.814 4.814 0 0110.334 24H1.6a.597.597 0 01-.567-.794l7-19.981A4.819 4.819 0 0112.57 0h3.679-.016z",
+      "fill": "url(#grad-c)",
       "fillRule": "evenodd"
     },
     "children": []
+  },
+  {
+    "type": "defs",
+    "props": {},
+    "children": [
+      {
+        "type": "linearGradient",
+        "props": {
+          "gradientUnits": "userSpaceOnUse",
+          "id": "grad-a",
+          "x1": "18.242",
+          "x2": "14.191",
+          "y1": "16.837",
+          "y2": ".616"
+        },
+        "children": [
+          {
+            "type": "stop",
+            "props": {
+              "stopColor": "#712575"
+            },
+            "children": []
+          },
+          {
+            "type": "stop",
+            "props": {
+              "offset": ".09",
+              "stopColor": "#9A2884"
+            },
+            "children": []
+          },
+          {
+            "type": "stop",
+            "props": {
+              "offset": ".18",
+              "stopColor": "#BF2C92"
+            },
+            "children": []
+          },
+          {
+            "type": "stop",
+            "props": {
+              "offset": ".27",
+              "stopColor": "#DA2E9C"
+            },
+            "children": []
+          },
+          {
+            "type": "stop",
+            "props": {
+              "offset": ".34",
+              "stopColor": "#EB30A2"
+            },
+            "children": []
+          },
+          {
+            "type": "stop",
+            "props": {
+              "offset": ".4",
+              "stopColor": "#F131A5"
+            },
+            "children": []
+          },
+          {
+            "type": "stop",
+            "props": {
+              "offset": ".5",
+              "stopColor": "#EC30A3"
+            },
+            "children": []
+          },
+          {
+            "type": "stop",
+            "props": {
+              "offset": ".61",
+              "stopColor": "#DF2F9E"
+            },
+            "children": []
+          },
+          {
+            "type": "stop",
+            "props": {
+              "offset": ".72",
+              "stopColor": "#C92D96"
+            },
+            "children": []
+          },
+          {
+            "type": "stop",
+            "props": {
+              "offset": ".83",
+              "stopColor": "#AA2A8A"
+            },
+            "children": []
+          },
+          {
+            "type": "stop",
+            "props": {
+              "offset": ".95",
+              "stopColor": "#83267C"
+            },
+            "children": []
+          },
+          {
+            "type": "stop",
+            "props": {
+              "offset": "1",
+              "stopColor": "#712575"
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "type": "linearGradient",
+    "props": {
+      "gradientUnits": "userSpaceOnUse",
+      "id": "grad-b",
+      "x1": "19.782",
+      "x2": "19.782",
+      "y1": ".34",
+      "y2": "23.222"
+    },
+    "children": [
+      {
+        "type": "stop",
+        "props": {
+          "stopColor": "#DA7ED0"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": ".08",
+          "stopColor": "#B17BD5"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": ".19",
+          "stopColor": "#8778DB"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": ".3",
+          "stopColor": "#6276E1"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": ".41",
+          "stopColor": "#4574E5"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": ".54",
+          "stopColor": "#2E72E8"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": ".67",
+          "stopColor": "#1D71EB"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": ".81",
+          "stopColor": "#1471EC"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": "1",
+          "stopColor": "#1171ED"
+        },
+        "children": []
+      }
+    ]
+  },
+  {
+    "type": "linearGradient",
+    "props": {
+      "gradientUnits": "userSpaceOnUse",
+      "id": "grad-c",
+      "x1": "18.404",
+      "x2": "3.236",
+      "y1": ".859",
+      "y2": "25.183"
+    },
+    "children": [
+      {
+        "type": "stop",
+        "props": {
+          "stopColor": "#DA7ED0"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": ".05",
+          "stopColor": "#B77BD4"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": ".11",
+          "stopColor": "#9079DA"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": ".18",
+          "stopColor": "#6E77DF"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": ".25",
+          "stopColor": "#5175E3"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": ".33",
+          "stopColor": "#3973E7"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": ".42",
+          "stopColor": "#2772E9"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": ".54",
+          "stopColor": "#1A71EB"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": ".68",
+          "stopColor": "#1371EC"
+        },
+        "children": []
+      },
+      {
+        "type": "stop",
+        "props": {
+          "offset": "1",
+          "stopColor": "#1171ED"
+        },
+        "children": []
+      }
+    ]
   }
 ]
       .map(function(el) {