@photoroom/icons 0.1.17 → 0.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/colors/AiShadowsFloatingActiveColorIcon.js +10 -7
  2. package/colors/AiShadowsFloatingColorIcon.js +10 -7
  3. package/colors/AiShadowsHardActiveColorIcon.js +8 -5
  4. package/colors/AiShadowsHardColorIcon.js +8 -5
  5. package/colors/AiShadowsSoftActiveColorIcon.js +10 -7
  6. package/colors/AiShadowsSoftColorIcon.js +10 -7
  7. package/colors/BorderBottomColorIcon.js +7 -4
  8. package/colors/BorderLeftColorIcon.js +7 -4
  9. package/colors/BorderRightColorIcon.js +7 -4
  10. package/colors/BorderTopColorIcon.js +7 -4
  11. package/colors/BrushActiveColorIcon.js +6 -3
  12. package/colors/BrushInactiveColorIcon.js +6 -3
  13. package/colors/CoinHalfColorIcon.js +8 -5
  14. package/colors/InstagramFillColorIcon.js +12 -9
  15. package/colors/PhotoroomLightColorIcon.js +8 -5
  16. package/colors/PricingMaxCheckColorIcon.js +8 -5
  17. package/colors/PricingProCheckColorIcon.js +8 -5
  18. package/colors/PricingUltraCheckColorIcon.js +8 -5
  19. package/colors/RedditColorIcon.js +20 -17
  20. package/colors/TextDecorationCircleColorIcon.js +6 -3
  21. package/colors/TextDecorationCircleOutlineColorIcon.js +6 -3
  22. package/monochromes/AddAccentIcon.js +6 -3
  23. package/monochromes/AiImagesIcon.js +6 -3
  24. package/monochromes/BulbOnIcon.js +6 -3
  25. package/monochromes/ClearCircleIcon.js +6 -3
  26. package/monochromes/ClearMediumIcon.js +6 -3
  27. package/monochromes/CommentSelectedAddIcon.js +6 -3
  28. package/monochromes/CopyIcon.js +6 -3
  29. package/monochromes/DropIcon.js +6 -3
  30. package/monochromes/DuplicateIcon.js +6 -3
  31. package/monochromes/FireIcon.js +6 -3
  32. package/monochromes/FoodIcon.js +6 -3
  33. package/monochromes/KeyIcon.js +6 -3
  34. package/monochromes/LayersIcon.js +6 -3
  35. package/monochromes/ListOlIcon.js +6 -3
  36. package/monochromes/MoveBackIcon.js +8 -5
  37. package/monochromes/MoveFrontIcon.js +8 -5
  38. package/package.json +1 -1
package/colors/AiShadowsFloatingActiveColorIcon.js CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
  import * as React from "react";
4
4
  import { forwardRef } from "react";
5
- const AiShadowsFloatingActiveColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
5
+ const AiShadowsFloatingActiveColorIcon = (props, ref) => {
6
+ const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
7
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
6
8
  fill: "none",
7
9
  viewBox: "0 0 72 72",
8
10
  style: {
@@ -10,9 +12,9 @@ const AiShadowsFloatingActiveColorIcon = (props, ref) => /*#__PURE__*/React.crea
10
12
  },
11
13
  ref: ref
12
14
  }, props), /*#__PURE__*/React.createElement("g", {
13
- clipPath: "url(#clip0_54232_10200)"
15
+ clipPath: `url(#${__id}-clip0_54232_10200)`
14
16
  }, /*#__PURE__*/React.createElement("mask", {
15
- id: "mask0_54232_10200",
17
+ id: `${__id}-mask0_54232_10200`,
16
18
  width: 72,
17
19
  height: 72,
18
20
  x: 0,
@@ -27,9 +29,9 @@ const AiShadowsFloatingActiveColorIcon = (props, ref) => /*#__PURE__*/React.crea
27
29
  d: "M72 72H0V0H72V72ZM28 24.5C26.067 24.5 24.5 26.067 24.5 28V44C24.5 45.933 26.067 47.5 28 47.5H44C45.933 47.5 47.5 45.933 47.5 44V28C47.5 26.067 45.933 24.5 44 24.5H28Z",
28
30
  clipRule: "evenodd"
29
31
  })), /*#__PURE__*/React.createElement("g", {
30
- mask: "url(#mask0_54232_10200)"
32
+ mask: `url(#${__id}-mask0_54232_10200)`
31
33
  }, /*#__PURE__*/React.createElement("g", {
32
- filter: "url(#filter0_f_54232_10200)",
34
+ filter: `url(#${__id}-filter0_f_54232_10200)`,
33
35
  opacity: 0.5
34
36
  }, /*#__PURE__*/React.createElement("path", {
35
37
  fill: "#410CD9",
@@ -68,7 +70,7 @@ const AiShadowsFloatingActiveColorIcon = (props, ref) => /*#__PURE__*/React.crea
68
70
  d: "M44 24C46.2091 24 48 25.7909 48 28V44C48 46.2091 46.2091 48 44 48H28C25.7909 48 24 46.2091 24 44V28C24 25.7909 25.7909 24 28 24H44ZM28 25C26.3431 25 25 26.3431 25 28V44C25 45.6569 26.3431 47 28 47H44C45.6569 47 47 45.6569 47 44V28C47 26.3431 45.6569 25 44 25H28Z",
69
71
  clipRule: "evenodd"
70
72
  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
71
- id: "filter0_f_54232_10200",
73
+ id: `${__id}-filter0_f_54232_10200`,
72
74
  width: 33.8359,
73
75
  height: 16,
74
76
  x: 19.082,
@@ -87,11 +89,12 @@ const AiShadowsFloatingActiveColorIcon = (props, ref) => /*#__PURE__*/React.crea
87
89
  result: "effect1_foregroundBlur_54232_10200",
88
90
  stdDeviation: 3
89
91
  })), /*#__PURE__*/React.createElement("clipPath", {
90
- id: "clip0_54232_10200"
92
+ id: `${__id}-clip0_54232_10200`
91
93
  }, /*#__PURE__*/React.createElement("rect", {
92
94
  width: 72,
93
95
  height: 72,
94
96
  fill: "white"
95
97
  }))));
98
+ };
96
99
  const ForwardRef = forwardRef(AiShadowsFloatingActiveColorIcon);
97
100
  export { ForwardRef as AiShadowsFloatingActiveColorIcon };
package/colors/AiShadowsFloatingColorIcon.js CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
  import * as React from "react";
4
4
  import { forwardRef } from "react";
5
- const AiShadowsFloatingColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
5
+ const AiShadowsFloatingColorIcon = (props, ref) => {
6
+ const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
7
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
6
8
  fill: "none",
7
9
  viewBox: "0 0 72 72",
8
10
  style: {
@@ -10,9 +12,9 @@ const AiShadowsFloatingColorIcon = (props, ref) => /*#__PURE__*/React.createElem
10
12
  },
11
13
  ref: ref
12
14
  }, props), /*#__PURE__*/React.createElement("g", {
13
- clipPath: "url(#clip0_26150_11844)"
15
+ clipPath: `url(#${__id}-clip0_26150_11844)`
14
16
  }, /*#__PURE__*/React.createElement("mask", {
15
- id: "mask0_26150_11844",
17
+ id: `${__id}-mask0_26150_11844`,
16
18
  width: 72,
17
19
  height: 72,
18
20
  x: 0,
@@ -27,9 +29,9 @@ const AiShadowsFloatingColorIcon = (props, ref) => /*#__PURE__*/React.createElem
27
29
  d: "M72 72H0V0H72V72ZM28 24.5C26.067 24.5 24.5 26.067 24.5 28V44C24.5 45.933 26.067 47.5 28 47.5H44C45.933 47.5 47.5 45.933 47.5 44V28C47.5 26.067 45.933 24.5 44 24.5H28Z",
28
30
  clipRule: "evenodd"
29
31
  })), /*#__PURE__*/React.createElement("g", {
30
- mask: "url(#mask0_26150_11844)"
32
+ mask: `url(#${__id}-mask0_26150_11844)`
31
33
  }, /*#__PURE__*/React.createElement("g", {
32
- filter: "url(#filter0_f_26150_11844)",
34
+ filter: `url(#${__id}-filter0_f_26150_11844)`,
33
35
  opacity: 0.5
34
36
  }, /*#__PURE__*/React.createElement("path", {
35
37
  fill: "#93949A",
@@ -60,7 +62,7 @@ const AiShadowsFloatingColorIcon = (props, ref) => /*#__PURE__*/React.createElem
60
62
  d: "M44 24C46.2091 24 48 25.7909 48 28V44C48 46.2091 46.2091 48 44 48H28C25.7909 48 24 46.2091 24 44V28C24 25.7909 25.7909 24 28 24H44ZM28 25C26.3431 25 25 26.3431 25 28V44C25 45.6569 26.3431 47 28 47H44C45.6569 47 47 45.6569 47 44V28C47 26.3431 45.6569 25 44 25H28Z",
61
63
  clipRule: "evenodd"
62
64
  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
63
- id: "filter0_f_26150_11844",
65
+ id: `${__id}-filter0_f_26150_11844`,
64
66
  width: 33.8359,
65
67
  height: 16,
66
68
  x: 19.082,
@@ -79,11 +81,12 @@ const AiShadowsFloatingColorIcon = (props, ref) => /*#__PURE__*/React.createElem
79
81
  result: "effect1_foregroundBlur_26150_11844",
80
82
  stdDeviation: 3
81
83
  })), /*#__PURE__*/React.createElement("clipPath", {
82
- id: "clip0_26150_11844"
84
+ id: `${__id}-clip0_26150_11844`
83
85
  }, /*#__PURE__*/React.createElement("rect", {
84
86
  width: 72,
85
87
  height: 72,
86
88
  fill: "white"
87
89
  }))));
90
+ };
88
91
  const ForwardRef = forwardRef(AiShadowsFloatingColorIcon);
89
92
  export { ForwardRef as AiShadowsFloatingColorIcon };
package/colors/AiShadowsHardActiveColorIcon.js CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
  import * as React from "react";
4
4
  import { forwardRef } from "react";
5
- const AiShadowsHardActiveColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
5
+ const AiShadowsHardActiveColorIcon = (props, ref) => {
6
+ const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
7
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
6
8
  fill: "none",
7
9
  viewBox: "0 0 72 72",
8
10
  style: {
@@ -10,9 +12,9 @@ const AiShadowsHardActiveColorIcon = (props, ref) => /*#__PURE__*/React.createEl
10
12
  },
11
13
  ref: ref
12
14
  }, props), /*#__PURE__*/React.createElement("g", {
13
- clipPath: "url(#clip0_54232_10187)"
15
+ clipPath: `url(#${__id}-clip0_54232_10187)`
14
16
  }, /*#__PURE__*/React.createElement("mask", {
15
- id: "mask0_54232_10187",
17
+ id: `${__id}-mask0_54232_10187`,
16
18
  width: 72,
17
19
  height: 72,
18
20
  x: 0,
@@ -27,7 +29,7 @@ const AiShadowsHardActiveColorIcon = (props, ref) => /*#__PURE__*/React.createEl
27
29
  d: "M72 72H0V0H72V72ZM28 24.5C26.067 24.5 24.5 26.067 24.5 28V44C24.5 45.933 26.067 47.5 28 47.5H44C45.933 47.5 47.5 45.933 47.5 44V28C47.5 26.067 45.933 24.5 44 24.5H28Z",
28
30
  clipRule: "evenodd"
29
31
  })), /*#__PURE__*/React.createElement("g", {
30
- mask: "url(#mask0_54232_10187)"
32
+ mask: `url(#${__id}-mask0_54232_10187)`
31
33
  }, /*#__PURE__*/React.createElement("path", {
32
34
  fill: "#410CD9",
33
35
  d: "M35.4 32.8C35.7777 32.2964 36.3705 32 37 32H56C57.6481 32 58.5889 33.8815 57.6 35.2L50.4 44.8C48.8892 46.8144 46.5181 48 44 48H40C33.4076 48 29.6446 40.4739 33.6 35.2L35.4 32.8Z",
@@ -66,11 +68,12 @@ const AiShadowsHardActiveColorIcon = (props, ref) => /*#__PURE__*/React.createEl
66
68
  d: "M44 24C46.2091 24 48 25.7909 48 28V44C48 46.2091 46.2091 48 44 48H28C25.7909 48 24 46.2091 24 44V28C24 25.7909 25.7909 24 28 24H44ZM28 25C26.3431 25 25 26.3431 25 28V44C25 45.6569 26.3431 47 28 47H44C45.6569 47 47 45.6569 47 44V28C47 26.3431 45.6569 25 44 25H28Z",
67
69
  clipRule: "evenodd"
68
70
  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
69
- id: "clip0_54232_10187"
71
+ id: `${__id}-clip0_54232_10187`
70
72
  }, /*#__PURE__*/React.createElement("rect", {
71
73
  width: 72,
72
74
  height: 72,
73
75
  fill: "white"
74
76
  }))));
77
+ };
75
78
  const ForwardRef = forwardRef(AiShadowsHardActiveColorIcon);
76
79
  export { ForwardRef as AiShadowsHardActiveColorIcon };
package/colors/AiShadowsHardColorIcon.js CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
  import * as React from "react";
4
4
  import { forwardRef } from "react";
5
- const AiShadowsHardColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
5
+ const AiShadowsHardColorIcon = (props, ref) => {
6
+ const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
7
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
6
8
  fill: "none",
7
9
  viewBox: "0 0 72 72",
8
10
  style: {
@@ -10,9 +12,9 @@ const AiShadowsHardColorIcon = (props, ref) => /*#__PURE__*/React.createElement(
10
12
  },
11
13
  ref: ref
12
14
  }, props), /*#__PURE__*/React.createElement("g", {
13
- clipPath: "url(#clip0_26150_11840)"
15
+ clipPath: `url(#${__id}-clip0_26150_11840)`
14
16
  }, /*#__PURE__*/React.createElement("mask", {
15
- id: "mask0_26150_11840",
17
+ id: `${__id}-mask0_26150_11840`,
16
18
  width: 72,
17
19
  height: 72,
18
20
  x: 0,
@@ -27,7 +29,7 @@ const AiShadowsHardColorIcon = (props, ref) => /*#__PURE__*/React.createElement(
27
29
  d: "M72 72H0V0H72V72ZM28 24.5C26.067 24.5 24.5 26.067 24.5 28V44C24.5 45.933 26.067 47.5 28 47.5H44C45.933 47.5 47.5 45.933 47.5 44V28C47.5 26.067 45.933 24.5 44 24.5H28Z",
28
30
  clipRule: "evenodd"
29
31
  })), /*#__PURE__*/React.createElement("g", {
30
- mask: "url(#mask0_26150_11840)"
32
+ mask: `url(#${__id}-mask0_26150_11840)`
31
33
  }, /*#__PURE__*/React.createElement("path", {
32
34
  fill: "#93949A",
33
35
  d: "M35.4 32.8C35.7777 32.2964 36.3705 32 37 32H56C57.6481 32 58.5889 33.8815 57.6 35.2L50.4 44.8C48.8892 46.8144 46.5181 48 44 48H40C33.4076 48 29.6446 40.4739 33.6 35.2L35.4 32.8Z",
@@ -58,11 +60,12 @@ const AiShadowsHardColorIcon = (props, ref) => /*#__PURE__*/React.createElement(
58
60
  d: "M44 24C46.2091 24 48 25.7909 48 28V44C48 46.2091 46.2091 48 44 48H28C25.7909 48 24 46.2091 24 44V28C24 25.7909 25.7909 24 28 24H44ZM28 25C26.3431 25 25 26.3431 25 28V44C25 45.6569 26.3431 47 28 47H44C45.6569 47 47 45.6569 47 44V28C47 26.3431 45.6569 25 44 25H28Z",
59
61
  clipRule: "evenodd"
60
62
  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
61
- id: "clip0_26150_11840"
63
+ id: `${__id}-clip0_26150_11840`
62
64
  }, /*#__PURE__*/React.createElement("rect", {
63
65
  width: 72,
64
66
  height: 72,
65
67
  fill: "white"
66
68
  }))));
69
+ };
67
70
  const ForwardRef = forwardRef(AiShadowsHardColorIcon);
68
71
  export { ForwardRef as AiShadowsHardColorIcon };
package/colors/AiShadowsSoftActiveColorIcon.js CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
  import * as React from "react";
4
4
  import { forwardRef } from "react";
5
- const AiShadowsSoftActiveColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
5
+ const AiShadowsSoftActiveColorIcon = (props, ref) => {
6
+ const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
7
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
6
8
  fill: "none",
7
9
  viewBox: "0 0 72 72",
8
10
  style: {
@@ -10,9 +12,9 @@ const AiShadowsSoftActiveColorIcon = (props, ref) => /*#__PURE__*/React.createEl
10
12
  },
11
13
  ref: ref
12
14
  }, props), /*#__PURE__*/React.createElement("g", {
13
- clipPath: "url(#clip0_54232_10176)"
15
+ clipPath: `url(#${__id}-clip0_54232_10176)`
14
16
  }, /*#__PURE__*/React.createElement("mask", {
15
- id: "mask0_54232_10176",
17
+ id: `${__id}-mask0_54232_10176`,
16
18
  width: 72,
17
19
  height: 72,
18
20
  x: 0,
@@ -27,9 +29,9 @@ const AiShadowsSoftActiveColorIcon = (props, ref) => /*#__PURE__*/React.createEl
27
29
  d: "M72 72H0V0H72V72ZM28 24.5C26.067 24.5 24.5 26.067 24.5 28V44C24.5 45.933 26.067 47.5 28 47.5H44C45.933 47.5 47.5 45.933 47.5 44V28C47.5 26.067 45.933 24.5 44 24.5H28Z",
28
30
  clipRule: "evenodd"
29
31
  })), /*#__PURE__*/React.createElement("g", {
30
- mask: "url(#mask0_54232_10176)"
32
+ mask: `url(#${__id}-mask0_54232_10176)`
31
33
  }, /*#__PURE__*/React.createElement("g", {
32
- filter: "url(#filter0_f_54232_10176)",
34
+ filter: `url(#${__id}-filter0_f_54232_10176)`,
33
35
  opacity: 0.5
34
36
  }, /*#__PURE__*/React.createElement("path", {
35
37
  fill: "#410CD9",
@@ -68,7 +70,7 @@ const AiShadowsSoftActiveColorIcon = (props, ref) => /*#__PURE__*/React.createEl
68
70
  d: "M44 24C46.2091 24 48 25.7909 48 28V44C48 46.2091 46.2091 48 44 48H28C25.7909 48 24 46.2091 24 44V28C24 25.7909 25.7909 24 28 24H44ZM28 25C26.3431 25 25 26.3431 25 28V44C25 45.6569 26.3431 47 28 47H44C45.6569 47 47 45.6569 47 44V28C47 26.3431 45.6569 25 44 25H28Z",
69
71
  clipRule: "evenodd"
70
72
  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
71
- id: "filter0_f_54232_10176",
73
+ id: `${__id}-filter0_f_54232_10176`,
72
74
  width: 48.0078,
73
75
  height: 32,
74
76
  x: 16.9961,
@@ -87,11 +89,12 @@ const AiShadowsSoftActiveColorIcon = (props, ref) => /*#__PURE__*/React.createEl
87
89
  result: "effect1_foregroundBlur_54232_10176",
88
90
  stdDeviation: 4
89
91
  })), /*#__PURE__*/React.createElement("clipPath", {
90
- id: "clip0_54232_10176"
92
+ id: `${__id}-clip0_54232_10176`
91
93
  }, /*#__PURE__*/React.createElement("rect", {
92
94
  width: 72,
93
95
  height: 72,
94
96
  fill: "white"
95
97
  }))));
98
+ };
96
99
  const ForwardRef = forwardRef(AiShadowsSoftActiveColorIcon);
97
100
  export { ForwardRef as AiShadowsSoftActiveColorIcon };
package/colors/AiShadowsSoftColorIcon.js CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
  import * as React from "react";
4
4
  import { forwardRef } from "react";
5
- const AiShadowsSoftColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
5
+ const AiShadowsSoftColorIcon = (props, ref) => {
6
+ const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
7
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
6
8
  fill: "none",
7
9
  viewBox: "0 0 72 72",
8
10
  style: {
@@ -10,9 +12,9 @@ const AiShadowsSoftColorIcon = (props, ref) => /*#__PURE__*/React.createElement(
10
12
  },
11
13
  ref: ref
12
14
  }, props), /*#__PURE__*/React.createElement("g", {
13
- clipPath: "url(#clip0_54232_8405)"
15
+ clipPath: `url(#${__id}-clip0_54232_8405)`
14
16
  }, /*#__PURE__*/React.createElement("mask", {
15
- id: "mask0_54232_8405",
17
+ id: `${__id}-mask0_54232_8405`,
16
18
  width: 72,
17
19
  height: 72,
18
20
  x: 0,
@@ -27,9 +29,9 @@ const AiShadowsSoftColorIcon = (props, ref) => /*#__PURE__*/React.createElement(
27
29
  d: "M72 72H0V0H72V72ZM28 24.5C26.067 24.5 24.5 26.067 24.5 28V44C24.5 45.933 26.067 47.5 28 47.5H44C45.933 47.5 47.5 45.933 47.5 44V28C47.5 26.067 45.933 24.5 44 24.5H28Z",
28
30
  clipRule: "evenodd"
29
31
  })), /*#__PURE__*/React.createElement("g", {
30
- mask: "url(#mask0_54232_8405)"
32
+ mask: `url(#${__id}-mask0_54232_8405)`
31
33
  }, /*#__PURE__*/React.createElement("g", {
32
- filter: "url(#filter0_f_54232_8405)",
34
+ filter: `url(#${__id}-filter0_f_54232_8405)`,
33
35
  opacity: 0.5
34
36
  }, /*#__PURE__*/React.createElement("path", {
35
37
  fill: "#93949A",
@@ -60,7 +62,7 @@ const AiShadowsSoftColorIcon = (props, ref) => /*#__PURE__*/React.createElement(
60
62
  d: "M44 24C46.2091 24 48 25.7909 48 28V44C48 46.2091 46.2091 48 44 48H28C25.7909 48 24 46.2091 24 44V28C24 25.7909 25.7909 24 28 24H44ZM28 25C26.3431 25 25 26.3431 25 28V44C25 45.6569 26.3431 47 28 47H44C45.6569 47 47 45.6569 47 44V28C47 26.3431 45.6569 25 44 25H28Z",
61
63
  clipRule: "evenodd"
62
64
  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
63
- id: "filter0_f_54232_8405",
65
+ id: `${__id}-filter0_f_54232_8405`,
64
66
  width: 48.0078,
65
67
  height: 32,
66
68
  x: 16.9961,
@@ -79,11 +81,12 @@ const AiShadowsSoftColorIcon = (props, ref) => /*#__PURE__*/React.createElement(
79
81
  result: "effect1_foregroundBlur_54232_8405",
80
82
  stdDeviation: 4
81
83
  })), /*#__PURE__*/React.createElement("clipPath", {
82
- id: "clip0_54232_8405"
84
+ id: `${__id}-clip0_54232_8405`
83
85
  }, /*#__PURE__*/React.createElement("rect", {
84
86
  width: 72,
85
87
  height: 72,
86
88
  fill: "white"
87
89
  }))));
90
+ };
88
91
  const ForwardRef = forwardRef(AiShadowsSoftColorIcon);
89
92
  export { ForwardRef as AiShadowsSoftColorIcon };
package/colors/BorderBottomColorIcon.js CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
  import * as React from "react";
4
4
  import { forwardRef } from "react";
5
- const BorderBottomColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
5
+ const BorderBottomColorIcon = (props, ref) => {
6
+ const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
7
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
6
8
  fill: "none",
7
9
  viewBox: "0 0 24 24",
8
10
  style: {
@@ -10,15 +12,16 @@ const BorderBottomColorIcon = (props, ref) => /*#__PURE__*/React.createElement("
10
12
  },
11
13
  ref: ref
12
14
  }, props), /*#__PURE__*/React.createElement("g", {
13
- id: "Border icon (web)"
15
+ id: `${__id}-Border icon (web)`
14
16
  }, /*#__PURE__*/React.createElement("path", {
15
- id: "Vector",
17
+ id: `${__id}-Vector`,
16
18
  fill: "#D9D9D9",
17
19
  d: "M5 21C3.89543 21 3 20.1046 3 19L3 17L21 17L21 19C21 20.1046 20.1046 21 19 21L5 21Z"
18
20
  }), /*#__PURE__*/React.createElement("path", {
19
- id: "Vector_2",
21
+ id: `${__id}-Vector_2`,
20
22
  stroke: "black",
21
23
  d: "M21 17.5L3 17.5M21 19L21 5C21 3.89543 20.1046 3 19 3L5 3C3.89543 3 3 3.89543 3 5L3 19C3 20.1046 3.89543 21 5 21L19 21C20.1046 21 21 20.1046 21 19Z"
22
24
  })));
25
+ };
23
26
  const ForwardRef = forwardRef(BorderBottomColorIcon);
24
27
  export { ForwardRef as BorderBottomColorIcon };
package/colors/BorderLeftColorIcon.js CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
  import * as React from "react";
4
4
  import { forwardRef } from "react";
5
- const BorderLeftColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
5
+ const BorderLeftColorIcon = (props, ref) => {
6
+ const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
7
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
6
8
  fill: "none",
7
9
  viewBox: "0 0 24 24",
8
10
  style: {
@@ -10,15 +12,16 @@ const BorderLeftColorIcon = (props, ref) => /*#__PURE__*/React.createElement("sv
10
12
  },
11
13
  ref: ref
12
14
  }, props), /*#__PURE__*/React.createElement("g", {
13
- id: "Border icon (web)"
15
+ id: `${__id}-Border icon (web)`
14
16
  }, /*#__PURE__*/React.createElement("path", {
15
- id: "Vector",
17
+ id: `${__id}-Vector`,
16
18
  fill: "#D9D9D9",
17
19
  d: "M3 5C3 3.89543 3.89543 3 5 3L7 3L7 21L5 21C3.89543 21 3 20.1046 3 19L3 5Z"
18
20
  }), /*#__PURE__*/React.createElement("path", {
19
- id: "Vector_2",
21
+ id: `${__id}-Vector_2`,
20
22
  stroke: "black",
21
23
  d: "M6.5 21L6.5 3M5 21L19 21C20.1046 21 21 20.1046 21 19L21 5C21 3.89543 20.1046 3 19 3L5 3C3.89543 3 3 3.89543 3 5L3 19C3 20.1046 3.89543 21 5 21Z"
22
24
  })));
25
+ };
23
26
  const ForwardRef = forwardRef(BorderLeftColorIcon);
24
27
  export { ForwardRef as BorderLeftColorIcon };
package/colors/BorderRightColorIcon.js CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
  import * as React from "react";
4
4
  import { forwardRef } from "react";
5
- const BorderRightColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
5
+ const BorderRightColorIcon = (props, ref) => {
6
+ const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
7
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
6
8
  fill: "none",
7
9
  viewBox: "0 0 24 24",
8
10
  style: {
@@ -10,15 +12,16 @@ const BorderRightColorIcon = (props, ref) => /*#__PURE__*/React.createElement("s
10
12
  },
11
13
  ref: ref
12
14
  }, props), /*#__PURE__*/React.createElement("g", {
13
- id: "Border icon (web)"
15
+ id: `${__id}-Border icon (web)`
14
16
  }, /*#__PURE__*/React.createElement("path", {
15
- id: "Vector",
17
+ id: `${__id}-Vector`,
16
18
  fill: "#D9D9D9",
17
19
  d: "M21 19C21 20.1046 20.1046 21 19 21L17 21L17 3L19 3C20.1046 3 21 3.89543 21 5L21 19Z"
18
20
  }), /*#__PURE__*/React.createElement("path", {
19
- id: "Vector_2",
21
+ id: `${__id}-Vector_2`,
20
22
  stroke: "black",
21
23
  d: "M17.5 3L17.5 21M19 3L5 3C3.89543 3 3 3.89543 3 5L3 19C3 20.1046 3.89543 21 5 21L19 21C20.1046 21 21 20.1046 21 19L21 5C21 3.89543 20.1046 3 19 3Z"
22
24
  })));
25
+ };
23
26
  const ForwardRef = forwardRef(BorderRightColorIcon);
24
27
  export { ForwardRef as BorderRightColorIcon };
package/colors/BorderTopColorIcon.js CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
  import * as React from "react";
4
4
  import { forwardRef } from "react";
5
- const BorderTopColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
5
+ const BorderTopColorIcon = (props, ref) => {
6
+ const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
7
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
6
8
  fill: "none",
7
9
  viewBox: "0 0 24 24",
8
10
  style: {
@@ -10,15 +12,16 @@ const BorderTopColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg
10
12
  },
11
13
  ref: ref
12
14
  }, props), /*#__PURE__*/React.createElement("g", {
13
- id: "Border icon (web)"
15
+ id: `${__id}-Border icon (web)`
14
16
  }, /*#__PURE__*/React.createElement("path", {
15
- id: "Vector",
17
+ id: `${__id}-Vector`,
16
18
  fill: "#D9D9D9",
17
19
  d: "M19 3C20.1046 3 21 3.89543 21 5L21 7L3 7L3 5C3 3.89543 3.89543 3 5 3L19 3Z"
18
20
  }), /*#__PURE__*/React.createElement("path", {
19
- id: "Vector_2",
21
+ id: `${__id}-Vector_2`,
20
22
  stroke: "black",
21
23
  d: "M3 6.5H21M3 5L3 19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3L5 3C3.89543 3 3 3.89543 3 5Z"
22
24
  })));
25
+ };
23
26
  const ForwardRef = forwardRef(BorderTopColorIcon);
24
27
  export { ForwardRef as BorderTopColorIcon };
package/colors/BrushActiveColorIcon.js CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
  import * as React from "react";
4
4
  import { forwardRef } from "react";
5
- const BrushActiveColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
5
+ const BrushActiveColorIcon = (props, ref) => {
6
+ const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
7
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
6
8
  fill: "none",
7
9
  viewBox: "0 0 80 80",
8
10
  style: {
@@ -16,7 +18,7 @@ const BrushActiveColorIcon = (props, ref) => /*#__PURE__*/React.createElement("s
16
18
  fillOpacity: 0.1,
17
19
  rx: 40
18
20
  }), /*#__PURE__*/React.createElement("g", {
19
- clipPath: "url(#clip0_3933_4920)"
21
+ clipPath: `url(#${__id}-clip0_3933_4920)`
20
22
  }, /*#__PURE__*/React.createElement("path", {
21
23
  fill: "#00A66F",
22
24
  d: "M39.9998 49.317C39.7361 49.317 39.4783 49.3951 39.2591 49.5415C39.0398 49.6879 38.8689 49.896 38.768 50.1395C38.6671 50.3829 38.6407 50.6508 38.6921 50.9093C38.7436 51.1677 38.8706 51.4051 39.057 51.5915C39.2435 51.7778 39.4811 51.9047 39.7397 51.9561C39.9984 52.0075 40.2664 51.9811 40.5101 51.8803C40.7537 51.7794 40.962 51.6087 41.1085 51.3896C41.255 51.1705 41.3332 50.9129 41.3332 50.6493C41.3332 50.296 41.1927 49.9571 40.9426 49.7072C40.6926 49.4573 40.3535 49.317 39.9998 49.317ZM47.9998 26.6665H31.9998C31.6462 26.6665 31.3071 26.8069 31.057 27.0567C30.807 27.3066 30.6665 27.6455 30.6665 27.9989V39.9903C30.6665 41.0504 31.0879 42.0671 31.8381 42.8167C32.5882 43.5663 33.6056 43.9874 34.6665 43.9874H35.9998V47.1452C35.3209 47.9144 34.8786 48.8631 34.7259 49.8773C34.5732 50.8915 34.7165 51.9283 35.1388 52.8631C35.5611 53.7979 36.2444 54.5911 37.1066 55.1475C37.9689 55.7039 38.9735 55.9998 39.9998 55.9998C41.0262 55.9998 42.0308 55.7039 42.893 55.1475C43.7553 54.5911 44.4385 53.7979 44.8608 52.8631C45.2831 51.9283 45.4265 50.8915 45.2738 49.8773C45.1211 48.8631 44.6787 47.9144 43.9998 47.1452V43.9874H45.3332C46.394 43.9874 47.4115 43.5663 48.1616 42.8167C48.9117 42.0671 49.3332 41.0504 49.3332 39.9903V27.9989C49.3332 27.6455 49.1927 27.3066 48.9426 27.0567C48.6926 26.8069 48.3535 26.6665 47.9998 26.6665ZM39.9998 53.3141C39.4633 53.31 38.9405 53.1443 38.4997 52.8387C38.0589 52.533 37.7206 52.1015 37.5291 51.6007C37.3375 51.0999 37.3016 50.553 37.4261 50.0315C37.5505 49.5099 37.8295 49.038 38.2265 48.6774C38.3646 48.5528 38.4751 48.4008 38.5509 48.231C38.6267 48.0612 38.6661 47.8774 38.6665 47.6915V43.9874H41.3332V47.6915C41.3336 47.8774 41.373 48.0612 41.4488 48.231C41.5245 48.4008 41.635 48.5528 41.7732 48.6774C42.1702 49.038 42.4492 49.5099 42.5736 50.0315C42.698 50.553 42.6621 51.0999 42.4706 51.6007C42.279 52.1015 41.9408 52.533 41.5 52.8387C41.0592 53.1443 40.5364 53.31 39.9998 53.3141ZM46.6665 39.9903C46.6665 40.3437 46.526 40.6826 46.276 40.9324C46.0259 41.1823 45.6868 41.3227 45.3332 41.3227H34.6665C34.3129 41.3227 33.9737 41.1823 33.7237 40.9324C33.4736 40.6826 33.3332 40.3437 33.3332 39.9903V38.6579H46.6665V39.9903ZM46.6665 35.9932H33.3332V29.3313H46.6665V35.9932Z"
@@ -38,12 +40,13 @@ const BrushActiveColorIcon = (props, ref) => /*#__PURE__*/React.createElement("s
38
40
  strokeWidth: 4,
39
41
  rx: 38
40
42
  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
41
- id: "clip0_3933_4920"
43
+ id: `${__id}-clip0_3933_4920`
42
44
  }, /*#__PURE__*/React.createElement("rect", {
43
45
  width: 32,
44
46
  height: 32,
45
47
  fill: "white",
46
48
  transform: "translate(24 24)"
47
49
  }))));
50
+ };
48
51
  const ForwardRef = forwardRef(BrushActiveColorIcon);
49
52
  export { ForwardRef as BrushActiveColorIcon };
package/colors/BrushInactiveColorIcon.js CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
  import * as React from "react";
4
4
  import { forwardRef } from "react";
5
- const BrushInactiveColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
5
+ const BrushInactiveColorIcon = (props, ref) => {
6
+ const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
7
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
6
8
  fill: "none",
7
9
  viewBox: "0 0 80 80",
8
10
  style: {
@@ -16,17 +18,18 @@ const BrushInactiveColorIcon = (props, ref) => /*#__PURE__*/React.createElement(
16
18
  fillOpacity: 0.1,
17
19
  rx: 40
18
20
  }), /*#__PURE__*/React.createElement("g", {
19
- clipPath: "url(#clip0_3933_1638)"
21
+ clipPath: `url(#${__id}-clip0_3933_1638)`
20
22
  }, /*#__PURE__*/React.createElement("path", {
21
23
  fill: "#00A66F",
22
24
  d: "M39.9998 49.317C39.7361 49.317 39.4783 49.3951 39.2591 49.5415C39.0398 49.6879 38.8689 49.896 38.768 50.1395C38.6671 50.3829 38.6407 50.6508 38.6921 50.9093C38.7436 51.1677 38.8706 51.4051 39.057 51.5915C39.2435 51.7778 39.4811 51.9047 39.7397 51.9561C39.9984 52.0075 40.2664 51.9811 40.5101 51.8803C40.7537 51.7794 40.962 51.6087 41.1085 51.3896C41.255 51.1705 41.3332 50.9129 41.3332 50.6493C41.3332 50.296 41.1927 49.9571 40.9426 49.7072C40.6926 49.4573 40.3535 49.317 39.9998 49.317ZM47.9998 26.6665H31.9998C31.6462 26.6665 31.3071 26.8069 31.057 27.0567C30.807 27.3066 30.6665 27.6455 30.6665 27.9989V39.9903C30.6665 41.0504 31.0879 42.0671 31.8381 42.8167C32.5882 43.5663 33.6056 43.9874 34.6665 43.9874H35.9998V47.1452C35.3209 47.9144 34.8786 48.8631 34.7259 49.8773C34.5732 50.8915 34.7165 51.9283 35.1388 52.8631C35.5611 53.7979 36.2444 54.5911 37.1066 55.1475C37.9689 55.7039 38.9735 55.9998 39.9998 55.9998C41.0262 55.9998 42.0308 55.7039 42.893 55.1475C43.7553 54.5911 44.4385 53.7979 44.8608 52.8631C45.2831 51.9283 45.4265 50.8915 45.2738 49.8773C45.1211 48.8631 44.6787 47.9144 43.9998 47.1452V43.9874H45.3332C46.394 43.9874 47.4115 43.5663 48.1616 42.8167C48.9117 42.0671 49.3332 41.0504 49.3332 39.9903V27.9989C49.3332 27.6455 49.1927 27.3066 48.9426 27.0567C48.6926 26.8069 48.3535 26.6665 47.9998 26.6665ZM39.9998 53.3141C39.4633 53.31 38.9405 53.1443 38.4997 52.8387C38.0589 52.533 37.7206 52.1015 37.5291 51.6007C37.3375 51.0999 37.3016 50.553 37.4261 50.0315C37.5505 49.5099 37.8295 49.038 38.2265 48.6774C38.3646 48.5528 38.4751 48.4008 38.5509 48.231C38.6267 48.0612 38.6661 47.8774 38.6665 47.6915V43.9874H41.3332V47.6915C41.3336 47.8774 41.373 48.0612 41.4488 48.231C41.5245 48.4008 41.635 48.5528 41.7732 48.6774C42.1702 49.038 42.4492 49.5099 42.5736 50.0315C42.698 50.553 42.6621 51.0999 42.4706 51.6007C42.279 52.1015 41.9408 52.533 41.5 52.8387C41.0592 53.1443 40.5364 53.31 39.9998 53.3141ZM46.6665 39.9903C46.6665 40.3437 46.526 40.6826 46.276 40.9324C46.0259 41.1823 45.6868 41.3227 45.3332 41.3227H34.6665C34.3129 41.3227 33.9737 41.1823 33.7237 40.9324C33.4736 40.6826 33.3332 40.3437 33.3332 39.9903V38.6579H46.6665V39.9903ZM46.6665 35.9932H33.3332V29.3313H46.6665V35.9932Z"
23
25
  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
24
- id: "clip0_3933_1638"
26
+ id: `${__id}-clip0_3933_1638`
25
27
  }, /*#__PURE__*/React.createElement("rect", {
26
28
  width: 32,
27
29
  height: 32,
28
30
  fill: "white",
29
31
  transform: "translate(24 24)"
30
32
  }))));
33
+ };
31
34
  const ForwardRef = forwardRef(BrushInactiveColorIcon);
32
35
  export { ForwardRef as BrushInactiveColorIcon };
package/colors/CoinHalfColorIcon.js CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
  import * as React from "react";
4
4
  import { forwardRef } from "react";
5
- const CoinHalfColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
5
+ const CoinHalfColorIcon = (props, ref) => {
6
+ const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
7
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
6
8
  fill: "none",
7
9
  viewBox: "0 0 16 16",
8
10
  style: {
@@ -10,7 +12,7 @@ const CoinHalfColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg"
10
12
  },
11
13
  ref: ref
12
14
  }, props), /*#__PURE__*/React.createElement("g", {
13
- clipPath: "url(#clip0_6317_18842)"
15
+ clipPath: `url(#${__id}-clip0_6317_18842)`
14
16
  }, /*#__PURE__*/React.createElement("circle", {
15
17
  cx: 8,
16
18
  cy: 8,
@@ -19,7 +21,7 @@ const CoinHalfColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg"
19
21
  strokeDasharray: "4 4",
20
22
  strokeOpacity: 0.15
21
23
  }), /*#__PURE__*/React.createElement("mask", {
22
- id: "mask0_6317_18842",
24
+ id: `${__id}-mask0_6317_18842`,
23
25
  width: 8,
24
26
  height: 8,
25
27
  x: 0,
@@ -33,7 +35,7 @@ const CoinHalfColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg"
33
35
  height: 8,
34
36
  fill: "#D9D9D9"
35
37
  })), /*#__PURE__*/React.createElement("g", {
36
- mask: "url(#mask0_6317_18842)"
38
+ mask: `url(#${__id}-mask0_6317_18842)`
37
39
  }, /*#__PURE__*/React.createElement("circle", {
38
40
  cx: 8,
39
41
  cy: 8,
@@ -46,11 +48,12 @@ const CoinHalfColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg"
46
48
  fill: "black",
47
49
  d: "M11.7428 6.74436C11.7428 5.25697 10.5327 4.04688 9.04532 4.04688H5.20144C4.68002 4.04688 4.25732 4.46957 4.25732 4.991C4.25732 5.51242 4.68002 5.93512 5.20144 5.93512H9.04532C9.49148 5.93512 9.85456 6.2982 9.85456 6.74436C9.85456 7.19053 9.49148 7.55361 9.04532 7.55361H5.20144C4.68002 7.55361 4.25732 7.9763 4.25732 8.49773V11.0064C4.25732 11.5278 4.68002 11.9505 5.20144 11.9505C5.72285 11.9505 6.14555 11.5278 6.14555 11.0064V9.44185H9.04532C10.5327 9.44185 11.7428 8.23176 11.7428 6.74436Z"
48
50
  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
49
- id: "clip0_6317_18842"
51
+ id: `${__id}-clip0_6317_18842`
50
52
  }, /*#__PURE__*/React.createElement("rect", {
51
53
  width: 16,
52
54
  height: 16,
53
55
  fill: "white"
54
56
  }))));
57
+ };
55
58
  const ForwardRef = forwardRef(CoinHalfColorIcon);
56
59
  export { ForwardRef as CoinHalfColorIcon };
package/colors/InstagramFillColorIcon.js CHANGED
@@ -2,14 +2,16 @@
2
2
 
3
3
  import * as React from "react";
4
4
  import { forwardRef } from "react";
5
- const InstagramFillColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", Object.assign({
5
+ const InstagramFillColorIcon = (props, ref) => {
6
+ const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
7
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
6
8
  viewBox: "0 0 132.004 132",
7
9
  style: {
8
10
  flexShrink: 0
9
11
  },
10
12
  ref: ref
11
13
  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
12
- id: "b"
14
+ id: `${__id}-b`
13
15
  }, /*#__PURE__*/React.createElement("stop", {
14
16
  offset: 0,
15
17
  stopColor: "#3771c8"
@@ -21,7 +23,7 @@ const InstagramFillColorIcon = (props, ref) => /*#__PURE__*/React.createElement(
21
23
  stopColor: "#60f",
22
24
  stopOpacity: 0
23
25
  })), /*#__PURE__*/React.createElement("linearGradient", {
24
- id: "a"
26
+ id: `${__id}-a`
25
27
  }, /*#__PURE__*/React.createElement("stop", {
26
28
  offset: 0,
27
29
  stopColor: "#fd5"
@@ -35,8 +37,8 @@ const InstagramFillColorIcon = (props, ref) => /*#__PURE__*/React.createElement(
35
37
  offset: 1,
36
38
  stopColor: "#c837ab"
37
39
  })), /*#__PURE__*/React.createElement("radialGradient", {
38
- xlinkHref: "#a",
39
- id: "c",
40
+ xlinkHref: `#${__id}-a`,
41
+ id: `${__id}-c`,
40
42
  cx: 158.429,
41
43
  cy: 578.088,
42
44
  r: 65,
@@ -45,8 +47,8 @@ const InstagramFillColorIcon = (props, ref) => /*#__PURE__*/React.createElement(
45
47
  gradientTransform: "matrix(0 -1.98198 1.8439 0 -1031.402 454.004)",
46
48
  gradientUnits: "userSpaceOnUse"
47
49
  }), /*#__PURE__*/React.createElement("radialGradient", {
48
- xlinkHref: "#b",
49
- id: "d",
50
+ xlinkHref: `#${__id}-b`,
51
+ id: `${__id}-d`,
50
52
  cx: 147.694,
51
53
  cy: 473.455,
52
54
  r: 65,
@@ -55,16 +57,17 @@ const InstagramFillColorIcon = (props, ref) => /*#__PURE__*/React.createElement(
55
57
  gradientTransform: "matrix(.17394 .86872 -3.5818 .71718 1648.348 -458.493)",
56
58
  gradientUnits: "userSpaceOnUse"
57
59
  })), /*#__PURE__*/React.createElement("path", {
58
- fill: "url(#c)",
60
+ fill: `url(#${__id}-c)`,
59
61
  d: "M65.03 0C37.888 0 29.95.028 28.407.156c-5.57.463-9.036 1.34-12.812 3.22-2.91 1.445-5.205 3.12-7.47 5.468C4 13.126 1.5 18.394.595 24.656c-.44 3.04-.568 3.66-.594 19.188-.01 5.176 0 11.988 0 21.125 0 27.12.03 35.05.16 36.59.45 5.42 1.3 8.83 3.1 12.56 3.44 7.14 10.01 12.5 17.75 14.5 2.68.69 5.64 1.07 9.44 1.25 1.61.07 18.02.12 34.44.12 16.42 0 32.84-.02 34.41-.1 4.4-.207 6.955-.55 9.78-1.28 7.79-2.01 14.24-7.29 17.75-14.53 1.765-3.64 2.66-7.18 3.065-12.317.088-1.12.125-18.977.125-36.81 0-17.836-.04-35.66-.128-36.78-.41-5.22-1.305-8.73-3.127-12.44-1.495-3.037-3.155-5.305-5.565-7.624C116.9 4 111.64 1.5 105.372.596 102.335.157 101.73.027 86.19 0H65.03z",
60
62
  transform: "translate(1.004 1)"
61
63
  }), /*#__PURE__*/React.createElement("path", {
62
- fill: "url(#d)",
64
+ fill: `url(#${__id}-d)`,
63
65
  d: "M65.03 0C37.888 0 29.95.028 28.407.156c-5.57.463-9.036 1.34-12.812 3.22-2.91 1.445-5.205 3.12-7.47 5.468C4 13.126 1.5 18.394.595 24.656c-.44 3.04-.568 3.66-.594 19.188-.01 5.176 0 11.988 0 21.125 0 27.12.03 35.05.16 36.59.45 5.42 1.3 8.83 3.1 12.56 3.44 7.14 10.01 12.5 17.75 14.5 2.68.69 5.64 1.07 9.44 1.25 1.61.07 18.02.12 34.44.12 16.42 0 32.84-.02 34.41-.1 4.4-.207 6.955-.55 9.78-1.28 7.79-2.01 14.24-7.29 17.75-14.53 1.765-3.64 2.66-7.18 3.065-12.317.088-1.12.125-18.977.125-36.81 0-17.836-.04-35.66-.128-36.78-.41-5.22-1.305-8.73-3.127-12.44-1.495-3.037-3.155-5.305-5.565-7.624C116.9 4 111.64 1.5 105.372.596 102.335.157 101.73.027 86.19 0H65.03z",
64
66
  transform: "translate(1.004 1)"
65
67
  }), /*#__PURE__*/React.createElement("path", {
66
68
  fill: "#fff",
67
69
  d: "M66.004 18c-13.036 0-14.672.057-19.792.29-5.11.234-8.598 1.043-11.65 2.23-3.157 1.226-5.835 2.866-8.503 5.535-2.67 2.668-4.31 5.346-5.54 8.502-1.19 3.053-2 6.542-2.23 11.65C18.06 51.327 18 52.964 18 66s.058 14.667.29 19.787c.235 5.11 1.044 8.598 2.23 11.65 1.227 3.157 2.867 5.835 5.536 8.503 2.667 2.67 5.345 4.314 8.5 5.54 3.054 1.187 6.543 1.996 11.652 2.23 5.12.233 6.755.29 19.79.29 13.037 0 14.668-.057 19.788-.29 5.11-.234 8.602-1.043 11.656-2.23 3.156-1.226 5.83-2.87 8.497-5.54 2.67-2.668 4.31-5.346 5.54-8.502 1.18-3.053 1.99-6.542 2.23-11.65.23-5.12.29-6.752.29-19.788 0-13.036-.06-14.672-.29-19.792-.24-5.11-1.05-8.598-2.23-11.65-1.23-3.157-2.87-5.835-5.54-8.503-2.67-2.67-5.34-4.31-8.5-5.535-3.06-1.187-6.55-1.996-11.66-2.23-5.12-.233-6.75-.29-19.79-.29zm-4.306 8.65c1.278-.002 2.704 0 4.306 0 12.816 0 14.335.046 19.396.276 4.68.214 7.22.996 8.912 1.653 2.24.87 3.837 1.91 5.516 3.59 1.68 1.68 2.72 3.28 3.592 5.52.657 1.69 1.44 4.23 1.653 8.91.23 5.06.28 6.58.28 19.39s-.05 14.33-.28 19.39c-.214 4.68-.996 7.22-1.653 8.91-.87 2.24-1.912 3.835-3.592 5.514-1.68 1.68-3.275 2.72-5.516 3.59-1.69.66-4.232 1.44-8.912 1.654-5.06.23-6.58.28-19.396.28-12.817 0-14.336-.05-19.396-.28-4.68-.216-7.22-.998-8.913-1.655-2.24-.87-3.84-1.91-5.52-3.59-1.68-1.68-2.72-3.276-3.592-5.517-.657-1.69-1.44-4.23-1.653-8.91-.23-5.06-.276-6.58-.276-19.398s.046-14.33.276-19.39c.214-4.68.996-7.22 1.653-8.912.87-2.24 1.912-3.84 3.592-5.52 1.68-1.68 3.28-2.72 5.52-3.592 1.692-.66 4.233-1.44 8.913-1.655 4.428-.2 6.144-.26 15.09-.27zm29.928 7.97c-3.18 0-5.76 2.577-5.76 5.758 0 3.18 2.58 5.76 5.76 5.76 3.18 0 5.76-2.58 5.76-5.76 0-3.18-2.58-5.76-5.76-5.76zm-25.622 6.73c-13.613 0-24.65 11.037-24.65 24.65 0 13.613 11.037 24.645 24.65 24.645C79.617 90.645 90.65 79.613 90.65 66S79.616 41.35 66.003 41.35zm0 8.65c8.836 0 16 7.163 16 16 0 8.836-7.164 16-16 16-8.837 0-16-7.164-16-16 0-8.837 7.163-16 16-16z"
68
70
  }));
71
+ };
69
72
  const ForwardRef = forwardRef(InstagramFillColorIcon);
70
73
  export { ForwardRef as InstagramFillColorIcon };