magick-icons 0.1.29 → 0.1.31

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 (9) hide show
  1. package/icons/Image6.tsx +36 -0
  2. package/icons/Sparkles.tsx +143 -0
  3. package/index.js +84 -5
  4. package/index.js.map +1 -1
  5. package/index.mjs +82 -5
  6. package/index.mjs.map +1 -1
  7. package/index.ts +12 -0
  8. package/package.json +1 -1
  9. package/types.ts +5 -1
package/icons/Sparkles.tsx ADDED
@@ -0,0 +1,143 @@
1
+ import React from 'react';
2
+
3
+ /**
4
+ * Props for the Sparkles icon component
5
+ * @property {number | string} [size] - Size of the icon (default: 24)
6
+ */
7
+ export interface SparklesProps extends React.SVGProps<SVGSVGElement> {
8
+ size?: number | string;
9
+ }
10
+
11
+ /**
12
+ * Sparkles icon component
13
+ * @example
14
+ * ```tsx
15
+ * import { Sparkles } from 'magick-icons';
16
+ *
17
+ * <Sparkles size={24} className="text-blue-500" />
18
+ * ```
19
+ */
20
+ export const Sparkles = React.forwardRef<SVGSVGElement, SparklesProps>(
21
+ ({ size, ...props }, ref) => {
22
+ return (
23
+ <svg width="216" height="271" viewBox="0 0 216 271" fill="none" xmlns="http://www.w3.org/2000/svg">
24
+ <g opacity="0.5">
25
+ <g style="mix-blend-mode:overlay">
26
+ <circle cx="76.9995" cy="237.496" r="0.989212" transform="rotate(-156.571 76.9995 237.496)" fill="white"/>
27
+ </g>
28
+ <circle cx="69.0262" cy="217.331" r="0.494862" transform="rotate(-156.571 69.0262 217.331)" fill="white"/>
29
+ <g style="mix-blend-mode:overlay">
30
+ <circle cx="38.7708" cy="247.342" r="0.494862" transform="rotate(-156.571 38.7708 247.342)" fill="white"/>
31
+ </g>
32
+ <circle cx="39.6206" cy="158.217" r="0.494862" transform="rotate(-156.571 39.6206 158.217)" fill="white"/>
33
+ <g style="mix-blend-mode:overlay">
34
+ <circle cx="49.4231" cy="182.959" r="0.494862" transform="rotate(-156.571 49.4231 182.959)" fill="white"/>
35
+ </g>
36
+ <g style="mix-blend-mode:overlay">
37
+ <circle cx="46.9872" cy="207.238" r="0.989212" transform="rotate(-156.571 46.9872 207.238)" fill="white"/>
38
+ </g>
39
+ <circle cx="39.9604" cy="228.439" r="0.989212" transform="rotate(-156.571 39.9604 228.439)" fill="white"/>
40
+ <g style="mix-blend-mode:overlay">
41
+ <circle cx="24.5056" cy="177.014" r="0.989212" transform="rotate(-156.571 24.5056 177.014)" fill="white"/>
42
+ </g>
43
+ <g style="mix-blend-mode:overlay">
44
+ <circle cx="78.4656" cy="195.546" r="0.494862" transform="rotate(-156.571 78.4656 195.546)" fill="white"/>
45
+ </g>
46
+ <circle cx="55.1109" cy="189.736" r="0.494862" transform="rotate(-156.571 55.1109 189.736)" fill="white"/>
47
+ <circle cx="32.2771" cy="203.491" r="0.494862" transform="rotate(-156.571 32.2771 203.491)" fill="white"/>
48
+ <g style="mix-blend-mode:overlay">
49
+ <circle cx="46.6385" cy="229.19" r="0.494862" transform="rotate(-156.571 46.6385 229.19)" fill="white"/>
50
+ </g>
51
+ <g style="mix-blend-mode:overlay">
52
+ <circle cx="82.5277" cy="177.114" r="1.0029" transform="rotate(-90 82.5277 177.114)" fill="white"/>
53
+ </g>
54
+ <g style="mix-blend-mode:overlay">
55
+ <circle cx="98.0757" cy="161.565" r="0.501709" transform="rotate(-90 98.0757 161.565)" fill="white"/>
56
+ </g>
57
+ <g style="mix-blend-mode:overlay">
58
+ <circle cx="57.9565" cy="145.52" r="0.501709" transform="rotate(-90 57.9565 145.52)" fill="white"/>
59
+ </g>
60
+ <g style="mix-blend-mode:overlay">
61
+ <circle cx="90.0499" cy="105.406" r="0.501709" transform="rotate(-90 90.0499 105.406)" fill="white"/>
62
+ </g>
63
+ <circle cx="122.143" cy="129.473" r="0.501709" transform="rotate(-90 122.143 129.473)" fill="white"/>
64
+ <g style="mix-blend-mode:overlay">
65
+ <circle cx="98.5754" cy="136.998" r="1.0029" transform="rotate(-90 98.5754 136.998)" fill="white"/>
66
+ </g>
67
+ <g style="mix-blend-mode:overlay">
68
+ <circle cx="66.4815" cy="112.929" r="1.0029" transform="rotate(-90 66.4815 112.929)" fill="white"/>
69
+ </g>
70
+ <circle cx="117.629" cy="103.901" r="1.0029" transform="rotate(-90 117.629 103.901)" fill="white"/>
71
+ <circle cx="122.142" cy="161.566" r="0.501709" transform="rotate(-90 122.142 161.566)" fill="white"/>
72
+ <circle cx="118.131" cy="137.498" r="0.501709" transform="rotate(-90 118.131 137.498)" fill="white"/>
73
+ <g style="mix-blend-mode:overlay">
74
+ <circle cx="65.9803" cy="121.453" r="0.501709" transform="rotate(-90 65.9803 121.453)" fill="white"/>
75
+ </g>
76
+ <g style="mix-blend-mode:overlay">
77
+ <circle cx="78.0151" cy="145.521" r="0.501709" transform="rotate(-90 78.0151 145.521)" fill="white"/>
78
+ </g>
79
+ <circle cx="178.745" cy="74.0509" r="1.09443" transform="rotate(-151.577 178.745 74.0509)" fill="white"/>
80
+ <g style="mix-blend-mode:overlay">
81
+ <circle cx="177.959" cy="54.577" r="0.547496" transform="rotate(-151.577 177.959 54.577)" fill="white"/>
82
+ </g>
83
+ <circle cx="141.722" cy="84.7415" r="0.547496" transform="rotate(-151.577 141.722 84.7415)" fill="white"/>
84
+ <g style="mix-blend-mode:overlay">
85
+ <circle cx="119.893" cy="33.1046" r="0.547496" transform="rotate(-151.577 119.893 33.1046)" fill="white"/>
86
+ </g>
87
+ <g style="mix-blend-mode:overlay">
88
+ <circle cx="159.661" cy="14.8076" r="0.547496" transform="rotate(-151.577 159.661 14.8076)" fill="white"/>
89
+ </g>
90
+ <g style="mix-blend-mode:overlay">
91
+ <circle cx="154.639" cy="41.3348" r="1.09443" transform="rotate(-151.577 154.639 41.3348)" fill="white"/>
92
+ </g>
93
+ <circle cx="107.264" cy="59.6322" r="1.09443" transform="rotate(-151.577 107.264 59.6322)" fill="white"/>
94
+ <g style="mix-blend-mode:overlay">
95
+ <circle cx="132.775" cy="5.8542" r="1.09443" transform="rotate(-151.577 132.775 5.8542)" fill="white"/>
96
+ </g>
97
+ <g style="mix-blend-mode:overlay">
98
+ <circle cx="190.461" cy="31.4784" r="0.547496" transform="rotate(-151.577 190.461 31.4784)" fill="white"/>
99
+ </g>
100
+ <g style="mix-blend-mode:overlay">
101
+ <circle cx="165.28" cy="22.8236" r="0.547496" transform="rotate(-151.577 165.28 22.8236)" fill="white"/>
102
+ </g>
103
+ <circle cx="122.791" cy="64.5401" r="0.547496" transform="rotate(-151.577 122.791 64.5401)" fill="white"/>
104
+ <circle cx="152.141" cy="65.4915" r="0.547496" transform="rotate(-151.577 152.141 65.4915)" fill="white"/>
105
+ <g style="mix-blend-mode:overlay">
106
+ <circle cx="198.804" cy="199.227" r="1.21318" transform="rotate(149.552 198.804 199.227)" fill="white"/>
107
+ </g>
108
+ <g style="mix-blend-mode:overlay">
109
+ <circle cx="173.065" cy="192.544" r="0.606906" transform="rotate(149.552 173.065 192.544)" fill="white"/>
110
+ </g>
111
+ <g style="mix-blend-mode:overlay">
112
+ <circle cx="180.92" cy="244.216" r="0.606906" transform="rotate(149.552 180.92 244.216)" fill="white"/>
113
+ </g>
114
+ <g style="mix-blend-mode:overlay">
115
+ <circle cx="119.413" cy="235.339" r="0.606906" transform="rotate(149.552 119.413 235.339)" fill="white"/>
116
+ </g>
117
+ <g style="mix-blend-mode:overlay">
118
+ <circle cx="124.841" cy="187.117" r="0.606906" transform="rotate(149.552 124.841 187.117)" fill="white"/>
119
+ </g>
120
+ <g style="mix-blend-mode:overlay">
121
+ <circle cx="147.134" cy="207.083" r="1.21318" transform="rotate(149.552 147.134 207.083)" fill="white"/>
122
+ </g>
123
+ <circle cx="124.586" cy="255.667" r="1.21318" transform="rotate(149.552 124.586 255.667)" fill="white"/>
124
+ <g style="mix-blend-mode:overlay">
125
+ <circle cx="118.95" cy="207.499" r="1.21318" transform="rotate(149.552 118.95 207.499)" fill="white"/>
126
+ </g>
127
+ <g style="mix-blend-mode:overlay">
128
+ <circle cx="158.308" cy="167.444" r="0.606906" transform="rotate(149.552 158.308 167.444)" fill="white"/>
129
+ </g>
130
+ <g style="mix-blend-mode:overlay">
131
+ <circle cx="135.667" cy="186.381" r="0.606906" transform="rotate(149.552 135.667 186.381)" fill="white"/>
132
+ </g>
133
+ <circle cx="145.813" cy="231.619" r="0.606906" transform="rotate(149.552 145.813 231.619)" fill="white"/>
134
+ <g style="mix-blend-mode:overlay">
135
+ <circle cx="168.626" cy="223.3" r="0.606906" transform="rotate(149.552 168.626 223.3)" fill="white"/>
136
+ </g>
137
+ </g>
138
+ </svg>
139
+ );
140
+ }
141
+ );
142
+
143
+ Sparkles.displayName = 'Sparkles';