magick-icons 0.1.31 → 0.1.33

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 (12) hide show
  1. package/icons/Apple.tsx +31 -0
  2. package/icons/Magicko3DotsMore.tsx +32 -0
  3. package/icons/Sparkles.tsx +32 -32
  4. package/index.d.mts +55 -1
  5. package/index.d.ts +55 -1
  6. package/index.js +98 -67
  7. package/index.js.map +1 -1
  8. package/index.mjs +97 -68
  9. package/index.mjs.map +1 -1
  10. package/index.ts +14 -2
  11. package/package.json +1 -1
  12. package/types.ts +5 -1
package/icons/Apple.tsx ADDED
@@ -0,0 +1,31 @@
1
+ import React from 'react';
2
+
3
+ /**
4
+ * Props for the Apple icon component
5
+ * @property {number | string} [size] - Size of the icon (default: 24)
6
+ */
7
+ export interface AppleProps extends React.SVGProps<SVGSVGElement> {
8
+ size?: number | string;
9
+ }
10
+
11
+ /**
12
+ * Apple icon component
13
+ * @example
14
+ * ```tsx
15
+ * import { Apple } from 'magick-icons';
16
+ *
17
+ * <Apple size={24} className="text-blue-500" />
18
+ * ```
19
+ */
20
+ export const Apple = React.forwardRef<SVGSVGElement, AppleProps>(
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="M18.75 10C18.75 14.83 14.8344 18.75 10 18.75C5.16562 18.75 1.25 14.83 1.25 10C1.25 5.16562 5.16562 1.25 10 1.25C14.8344 1.25 18.75 5.16562 18.75 10Z" fill="#283544"/>
25
+ <path d="M14.1013 7.78587C14.0536 7.81372 12.9169 8.40155 12.9169 9.70491C12.9705 11.1913 14.3513 11.7126 14.375 11.7126C14.3513 11.7404 14.1665 12.4227 13.6192 13.1378C13.1848 13.7539 12.7026 14.375 11.9705 14.375C11.2741 14.375 11.0241 13.9644 10.2205 13.9644C9.35752 13.9644 9.11334 14.375 8.45262 14.375C7.72048 14.375 7.20262 13.7206 6.74455 13.1103C6.14944 12.3116 5.64361 11.0582 5.62575 9.85467C5.61372 9.21692 5.74493 8.59002 6.07801 8.05754C6.54812 7.31416 7.3874 6.80952 8.30394 6.79288C9.0062 6.77082 9.6312 7.24217 10.0598 7.24217C10.4705 7.24217 11.2383 6.79288 12.1071 6.79288C12.4821 6.79325 13.4821 6.89851 14.1013 7.78587ZM10.0004 6.66555C9.87538 6.08315 10.2205 5.50074 10.5419 5.12923C10.9526 4.67995 11.6013 4.375 12.1607 4.375C12.1964 4.9574 11.9701 5.5286 11.5656 5.9446C11.2026 6.39388 10.5776 6.73211 10.0004 6.66555Z" fill="white"/>
26
+ </svg>
27
+ );
28
+ }
29
+ );
30
+
31
+ Apple.displayName = 'Apple';
package/icons/Magicko3DotsMore.tsx ADDED
@@ -0,0 +1,32 @@
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 CHANGED
@@ -22,116 +22,116 @@ export const Sparkles = React.forwardRef<SVGSVGElement, SparklesProps>(
22
22
  return (
23
23
  <svg width="216" height="271" viewBox="0 0 216 271" fill="none" xmlns="http://www.w3.org/2000/svg">
24
24
  <g opacity="0.5">
25
- <g style="mix-blend-mode:overlay">
25
+ <g style={{mixBlendMode: "overlay"}}>
26
26
  <circle cx="76.9995" cy="237.496" r="0.989212" transform="rotate(-156.571 76.9995 237.496)" fill="white"/>
27
27
  </g>
28
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">
29
+ <g style={{mixBlendMode: "overlay"}}>
30
30
  <circle cx="38.7708" cy="247.342" r="0.494862" transform="rotate(-156.571 38.7708 247.342)" fill="white"/>
31
31
  </g>
32
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">
33
+ <g style={{mixBlendMode: "overlay"}}>
34
34
  <circle cx="49.4231" cy="182.959" r="0.494862" transform="rotate(-156.571 49.4231 182.959)" fill="white"/>
35
35
  </g>
36
- <g style="mix-blend-mode:overlay">
36
+ <g style={{mixBlendMode: "overlay"}}>
37
37
  <circle cx="46.9872" cy="207.238" r="0.989212" transform="rotate(-156.571 46.9872 207.238)" fill="white"/>
38
38
  </g>
39
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">
40
+ <g style={{mixBlendMode: "overlay"}}>
41
41
  <circle cx="24.5056" cy="177.014" r="0.989212" transform="rotate(-156.571 24.5056 177.014)" fill="white"/>
42
42
  </g>
43
- <g style="mix-blend-mode:overlay">
43
+ <g style={{mixBlendMode: "overlay"}}>
44
44
  <circle cx="78.4656" cy="195.546" r="0.494862" transform="rotate(-156.571 78.4656 195.546)" fill="white"/>
45
45
  </g>
46
46
  <circle cx="55.1109" cy="189.736" r="0.494862" transform="rotate(-156.571 55.1109 189.736)" fill="white"/>
47
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">
48
+ <g style={{mixBlendMode: "overlay"}}>
49
49
  <circle cx="46.6385" cy="229.19" r="0.494862" transform="rotate(-156.571 46.6385 229.19)" fill="white"/>
50
50
  </g>
51
- <g style="mix-blend-mode:overlay">
51
+ <g style={{mixBlendMode: "overlay"}}>
52
52
  <circle cx="82.5277" cy="177.114" r="1.0029" transform="rotate(-90 82.5277 177.114)" fill="white"/>
53
53
  </g>
54
- <g style="mix-blend-mode:overlay">
54
+ <g style={{mixBlendMode: "overlay"}}>
55
55
  <circle cx="98.0757" cy="161.565" r="0.501709" transform="rotate(-90 98.0757 161.565)" fill="white"/>
56
56
  </g>
57
- <g style="mix-blend-mode:overlay">
57
+ <g style={{mixBlendMode: "overlay"}}>
58
58
  <circle cx="57.9565" cy="145.52" r="0.501709" transform="rotate(-90 57.9565 145.52)" fill="white"/>
59
59
  </g>
60
- <g style="mix-blend-mode:overlay">
60
+ <g style={{mixBlendMode: "overlay"}}>
61
61
  <circle cx="90.0499" cy="105.406" r="0.501709" transform="rotate(-90 90.0499 105.406)" fill="white"/>
62
62
  </g>
63
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">
64
+ <g style={{mixBlendMode: "overlay"}}>
65
65
  <circle cx="98.5754" cy="136.998" r="1.0029" transform="rotate(-90 98.5754 136.998)" fill="white"/>
66
66
  </g>
67
- <g style="mix-blend-mode:overlay">
67
+ <g style={{mixBlendMode: "overlay"}}>
68
68
  <circle cx="66.4815" cy="112.929" r="1.0029" transform="rotate(-90 66.4815 112.929)" fill="white"/>
69
69
  </g>
70
70
  <circle cx="117.629" cy="103.901" r="1.0029" transform="rotate(-90 117.629 103.901)" fill="white"/>
71
71
  <circle cx="122.142" cy="161.566" r="0.501709" transform="rotate(-90 122.142 161.566)" fill="white"/>
72
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">
73
+ <g style={{mixBlendMode: "overlay"}}>
74
74
  <circle cx="65.9803" cy="121.453" r="0.501709" transform="rotate(-90 65.9803 121.453)" fill="white"/>
75
75
  </g>
76
- <g style="mix-blend-mode:overlay">
76
+ <g style={{mixBlendMode: "overlay"}}>
77
77
  <circle cx="78.0151" cy="145.521" r="0.501709" transform="rotate(-90 78.0151 145.521)" fill="white"/>
78
78
  </g>
79
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">
80
+ <g style={{mixBlendMode: "overlay"}}>
81
81
  <circle cx="177.959" cy="54.577" r="0.547496" transform="rotate(-151.577 177.959 54.577)" fill="white"/>
82
82
  </g>
83
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">
84
+ <g style={{mixBlendMode: "overlay"}}>
85
85
  <circle cx="119.893" cy="33.1046" r="0.547496" transform="rotate(-151.577 119.893 33.1046)" fill="white"/>
86
86
  </g>
87
- <g style="mix-blend-mode:overlay">
87
+ <g style={{mixBlendMode: "overlay"}}>
88
88
  <circle cx="159.661" cy="14.8076" r="0.547496" transform="rotate(-151.577 159.661 14.8076)" fill="white"/>
89
89
  </g>
90
- <g style="mix-blend-mode:overlay">
90
+ <g style={{mixBlendMode: "overlay"}}>
91
91
  <circle cx="154.639" cy="41.3348" r="1.09443" transform="rotate(-151.577 154.639 41.3348)" fill="white"/>
92
92
  </g>
93
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">
94
+ <g style={{mixBlendMode: "overlay"}}>
95
95
  <circle cx="132.775" cy="5.8542" r="1.09443" transform="rotate(-151.577 132.775 5.8542)" fill="white"/>
96
96
  </g>
97
- <g style="mix-blend-mode:overlay">
97
+ <g style={{mixBlendMode: "overlay"}}>
98
98
  <circle cx="190.461" cy="31.4784" r="0.547496" transform="rotate(-151.577 190.461 31.4784)" fill="white"/>
99
99
  </g>
100
- <g style="mix-blend-mode:overlay">
100
+ <g style={{mixBlendMode: "overlay"}}>
101
101
  <circle cx="165.28" cy="22.8236" r="0.547496" transform="rotate(-151.577 165.28 22.8236)" fill="white"/>
102
102
  </g>
103
103
  <circle cx="122.791" cy="64.5401" r="0.547496" transform="rotate(-151.577 122.791 64.5401)" fill="white"/>
104
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">
105
+ <g style={{mixBlendMode: "overlay"}}>
106
106
  <circle cx="198.804" cy="199.227" r="1.21318" transform="rotate(149.552 198.804 199.227)" fill="white"/>
107
107
  </g>
108
- <g style="mix-blend-mode:overlay">
108
+ <g style={{mixBlendMode: "overlay"}}>
109
109
  <circle cx="173.065" cy="192.544" r="0.606906" transform="rotate(149.552 173.065 192.544)" fill="white"/>
110
110
  </g>
111
- <g style="mix-blend-mode:overlay">
111
+ <g style={{mixBlendMode: "overlay"}}>
112
112
  <circle cx="180.92" cy="244.216" r="0.606906" transform="rotate(149.552 180.92 244.216)" fill="white"/>
113
113
  </g>
114
- <g style="mix-blend-mode:overlay">
114
+ <g style={{mixBlendMode: "overlay"}}>
115
115
  <circle cx="119.413" cy="235.339" r="0.606906" transform="rotate(149.552 119.413 235.339)" fill="white"/>
116
116
  </g>
117
- <g style="mix-blend-mode:overlay">
117
+ <g style={{mixBlendMode: "overlay"}}>
118
118
  <circle cx="124.841" cy="187.117" r="0.606906" transform="rotate(149.552 124.841 187.117)" fill="white"/>
119
119
  </g>
120
- <g style="mix-blend-mode:overlay">
120
+ <g style={{mixBlendMode: "overlay"}}>
121
121
  <circle cx="147.134" cy="207.083" r="1.21318" transform="rotate(149.552 147.134 207.083)" fill="white"/>
122
122
  </g>
123
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">
124
+ <g style={{mixBlendMode: "overlay"}}>
125
125
  <circle cx="118.95" cy="207.499" r="1.21318" transform="rotate(149.552 118.95 207.499)" fill="white"/>
126
126
  </g>
127
- <g style="mix-blend-mode:overlay">
127
+ <g style={{mixBlendMode: "overlay"}}>
128
128
  <circle cx="158.308" cy="167.444" r="0.606906" transform="rotate(149.552 158.308 167.444)" fill="white"/>
129
129
  </g>
130
- <g style="mix-blend-mode:overlay">
130
+ <g style={{mixBlendMode: "overlay"}}>
131
131
  <circle cx="135.667" cy="186.381" r="0.606906" transform="rotate(149.552 135.667 186.381)" fill="white"/>
132
132
  </g>
133
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">
134
+ <g style={{mixBlendMode: "overlay"}}>
135
135
  <circle cx="168.626" cy="223.3" r="0.606906" transform="rotate(149.552 168.626 223.3)" fill="white"/>
136
136
  </g>
137
137
  </g>
package/index.d.mts CHANGED
@@ -18,4 +18,58 @@ interface BrandInstagramProps extends React.SVGProps<SVGSVGElement> {
18
18
  */
19
19
  declare const BrandInstagram: React.ForwardRefExoticComponent<Omit<BrandInstagramProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
20
20
 
21
- export { BrandInstagram, type BrandInstagramProps };
21
+ /**
22
+ * Props for the Image6 icon component
23
+ * @property {number | string} [size] - Size of the icon (default: 24)
24
+ */
25
+ interface Image6Props extends React.SVGProps<SVGSVGElement> {
26
+ size?: number | string;
27
+ }
28
+ /**
29
+ * Image6 icon component
30
+ * @example
31
+ * ```tsx
32
+ * import { Image6 } from 'magick-icons';
33
+ *
34
+ * <Image6 size={24} className="text-blue-500" />
35
+ * ```
36
+ */
37
+ declare const Image6: React.ForwardRefExoticComponent<Omit<Image6Props, "ref"> & React.RefAttributes<SVGSVGElement>>;
38
+
39
+ /**
40
+ * Props for the IxWebcam1 icon component
41
+ * @property {number | string} [size] - Size of the icon (default: 24)
42
+ */
43
+ interface IxWebcam1Props extends React.SVGProps<SVGSVGElement> {
44
+ size?: number | string;
45
+ }
46
+ /**
47
+ * IxWebcam1 icon component
48
+ * @example
49
+ * ```tsx
50
+ * import { IxWebcam1 } from 'magick-icons';
51
+ *
52
+ * <IxWebcam1 size={24} className="text-blue-500" />
53
+ * ```
54
+ */
55
+ declare const IxWebcam1: React.ForwardRefExoticComponent<Omit<IxWebcam1Props, "ref"> & React.RefAttributes<SVGSVGElement>>;
56
+
57
+ /**
58
+ * Props for the Sparkles icon component
59
+ * @property {number | string} [size] - Size of the icon (default: 24)
60
+ */
61
+ interface SparklesProps extends React.SVGProps<SVGSVGElement> {
62
+ size?: number | string;
63
+ }
64
+ /**
65
+ * Sparkles icon component
66
+ * @example
67
+ * ```tsx
68
+ * import { Sparkles } from 'magick-icons';
69
+ *
70
+ * <Sparkles size={24} className="text-blue-500" />
71
+ * ```
72
+ */
73
+ declare const Sparkles: React.ForwardRefExoticComponent<Omit<SparklesProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
74
+
75
+ export { BrandInstagram, type BrandInstagramProps, Image6, type Image6Props, IxWebcam1, type IxWebcam1Props, Sparkles, type SparklesProps };
package/index.d.ts CHANGED
@@ -18,4 +18,58 @@ interface BrandInstagramProps extends React.SVGProps<SVGSVGElement> {
18
18
  */
19
19
  declare const BrandInstagram: React.ForwardRefExoticComponent<Omit<BrandInstagramProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
20
20
 
21
- export { BrandInstagram, type BrandInstagramProps };
21
+ /**
22
+ * Props for the Image6 icon component
23
+ * @property {number | string} [size] - Size of the icon (default: 24)
24
+ */
25
+ interface Image6Props extends React.SVGProps<SVGSVGElement> {
26
+ size?: number | string;
27
+ }
28
+ /**
29
+ * Image6 icon component
30
+ * @example
31
+ * ```tsx
32
+ * import { Image6 } from 'magick-icons';
33
+ *
34
+ * <Image6 size={24} className="text-blue-500" />
35
+ * ```
36
+ */
37
+ declare const Image6: React.ForwardRefExoticComponent<Omit<Image6Props, "ref"> & React.RefAttributes<SVGSVGElement>>;
38
+
39
+ /**
40
+ * Props for the IxWebcam1 icon component
41
+ * @property {number | string} [size] - Size of the icon (default: 24)
42
+ */
43
+ interface IxWebcam1Props extends React.SVGProps<SVGSVGElement> {
44
+ size?: number | string;
45
+ }
46
+ /**
47
+ * IxWebcam1 icon component
48
+ * @example
49
+ * ```tsx
50
+ * import { IxWebcam1 } from 'magick-icons';
51
+ *
52
+ * <IxWebcam1 size={24} className="text-blue-500" />
53
+ * ```
54
+ */
55
+ declare const IxWebcam1: React.ForwardRefExoticComponent<Omit<IxWebcam1Props, "ref"> & React.RefAttributes<SVGSVGElement>>;
56
+
57
+ /**
58
+ * Props for the Sparkles icon component
59
+ * @property {number | string} [size] - Size of the icon (default: 24)
60
+ */
61
+ interface SparklesProps extends React.SVGProps<SVGSVGElement> {
62
+ size?: number | string;
63
+ }
64
+ /**
65
+ * Sparkles icon component
66
+ * @example
67
+ * ```tsx
68
+ * import { Sparkles } from 'magick-icons';
69
+ *
70
+ * <Sparkles size={24} className="text-blue-500" />
71
+ * ```
72
+ */
73
+ declare const Sparkles: React.ForwardRefExoticComponent<Omit<SparklesProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
74
+
75
+ export { BrandInstagram, type BrandInstagramProps, Image6, type Image6Props, IxWebcam1, type IxWebcam1Props, Sparkles, type SparklesProps };