magick-icons 0.1.35 → 0.1.37
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.
- package/icons/Enter.tsx +30 -0
- package/index.js +6 -113
- package/index.js.map +1 -1
- package/index.mjs +5 -108
- package/index.mjs.map +1 -1
- package/index.ts +3 -27
- package/package.json +1 -1
- package/types.ts +3 -11
- package/icons/BrandInstagram.tsx +0 -30
- package/icons/Image6.tsx +0 -36
- package/icons/IxWebcam1.tsx +0 -30
- package/icons/Magicko3DotsMore.tsx +0 -32
- package/icons/Sparkles.tsx +0 -143
package/icons/IxWebcam1.tsx
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Props for the IxWebcam1 icon component
|
|
5
|
-
* @property {number | string} [size] - Size of the icon (default: 24)
|
|
6
|
-
*/
|
|
7
|
-
export interface IxWebcam1Props extends React.SVGProps<SVGSVGElement> {
|
|
8
|
-
size?: number | string;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* IxWebcam1 icon component
|
|
13
|
-
* @example
|
|
14
|
-
* ```tsx
|
|
15
|
-
* import { IxWebcam1 } from 'magick-icons';
|
|
16
|
-
*
|
|
17
|
-
* <IxWebcam1 size={24} className="text-blue-500" />
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export const IxWebcam1 = React.forwardRef<SVGSVGElement, IxWebcam1Props>(
|
|
21
|
-
({ size, ...props }, ref) => {
|
|
22
|
-
return (
|
|
23
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
24
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 5.00006C19.3137 5.00006 22 7.68637 22 11.0001C22 14.3137 19.3137 17.0001 16 17.0001H8C4.68631 17.0001 2 14.3137 2 11.0001C2 7.68637 4.68631 5.00006 8 5.00006H16ZM16 7.00008H8C5.79087 7.00008 4.00002 8.79094 4.00002 11.0001C4.00002 13.1422 5.68395 14.8912 7.80036 14.9952L8 15H16C18.2091 15 20 13.2092 20 11.0001C20 8.85787 18.316 7.10897 16.1997 7.00495L16 7.00008ZM12 8.00006C13.6569 8.00006 15 9.34322 15 11.0001C15 12.6569 13.6569 14.0001 12 14.0001C10.3431 14.0001 8.99998 12.6569 8.99998 11.0001C8.99998 9.34322 10.3431 8.00006 12 8.00006ZM12 10.0001C11.4477 10.0001 11 10.4477 11 11.0001C11 11.5524 11.4477 12 12 12C12.5523 12 13 11.5524 13 11.0001C13 10.4477 12.5523 10.0001 12 10.0001ZM18 18V20.0001H5.99998V18H18Z" fill="black"/>
|
|
25
|
-
</svg>
|
|
26
|
-
);
|
|
27
|
-
}
|
|
28
|
-
);
|
|
29
|
-
|
|
30
|
-
IxWebcam1.displayName = 'IxWebcam1';
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Magicko3DotsMore icon component
|
|
5
|
-
* @property {number | string} [size] - Size of the icon (default: 24)
|
|
6
|
-
*/
|
|
7
|
-
export interface Magicko3DotsMoreProps extends React.SVGProps<SVGSVGElement> {
|
|
8
|
-
size?: number | string;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Magicko3DotsMore icon component
|
|
13
|
-
* @example
|
|
14
|
-
* ```tsx
|
|
15
|
-
* import { Magicko3DotsMore } from 'magick-icons';
|
|
16
|
-
*
|
|
17
|
-
* <Magicko3DotsMore size={24} className="text-blue-500" />
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export const Magicko3DotsMore = React.forwardRef<SVGSVGElement, Magicko3DotsMoreProps>(
|
|
21
|
-
({ size, ...props }, ref) => {
|
|
22
|
-
return (
|
|
23
|
-
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
24
|
-
<path d="M5 10C5 11.1046 4.10457 12 3 12C1.89543 12 1 11.1046 1 10C1 8.89543 1.89543 8 3 8C4.10457 8 5 8.89543 5 10Z" fill="#1E293B"/>
|
|
25
|
-
<path d="M12 10C12 11.1046 11.1046 12 10 12C8.89543 12 8 11.1046 8 10C8 8.89543 8.89543 8 10 8C11.1046 8 12 8.89543 12 10Z" fill="#1E293B"/>
|
|
26
|
-
<path d="M19 10C19 11.1046 18.1046 12 17 12C15.8954 12 15 11.1046 15 10C15 8.89543 15.8954 8 17 8C18.1046 8 19 8.89543 19 10Z" fill="#1E293B"/>
|
|
27
|
-
</svg>
|
|
28
|
-
);
|
|
29
|
-
}
|
|
30
|
-
);
|
|
31
|
-
|
|
32
|
-
Magicko3DotsMore.displayName = 'Magicko3DotsMore';
|
package/icons/Sparkles.tsx
DELETED
|
@@ -1,143 +0,0 @@
|
|
|
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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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={{mixBlendMode: "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';
|