@geneui/icons 1.4.3 → 1.4.5
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/README.md +1 -1
- package/icons/ArrowCircle.js +26 -0
- package/icons/ArrowCircle.svg +1 -0
- package/icons/Gear.js +23 -0
- package/icons/Gear.svg +1 -0
- package/icons/Pencil.js +23 -0
- package/icons/Pencil.svg +1 -0
- package/icons/PlaySquare.js +23 -0
- package/icons/PlaySquare.svg +1 -0
- package/index.d.ts +5 -1
- package/index.js +4 -0
- package/metadata.d.ts +1 -1
- package/metadata.js +335 -26
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -52,7 +52,7 @@ and color, follow these steps:
|
|
|
52
52
|
|
|
53
53
|
The icons accept the following props:
|
|
54
54
|
|
|
55
|
-
- **`size`** (optional): Defines the size of the icon. Can be one of `16`, `20`, `24`, `28`, `32`,
|
|
55
|
+
- **`size`** (optional): Defines the size of the icon. Can be one of `12`, `16`, `20`, `24`, `28`, `32`,
|
|
56
56
|
`48`.
|
|
57
57
|
- **`color`** (optional): Defines the color of the icon. Accepts any valid CSS color value.
|
|
58
58
|
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgArrowCircle = function SvgArrowCircle(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M8.923 7.39h-4.015a8.46 8.46 0 0 1 9.5-3.494 8.461 8.461 0 0 1 4.373 3.048 8.446 8.446 0 0 1 1.68 5.056h1.539a9.983 9.983 0 0 0-1.811-5.744 9.999 9.999 0 0 0-10.81-3.907 10.001 10.001 0 0 0-5.071 3.258v-2.828h-1.539v6.147h6.154v-1.537Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
21
|
+
d: "M15.077 16.61h4.015a8.46 8.46 0 0 1-9.5 3.494 8.462 8.462 0 0 1-4.373-3.048 8.447 8.447 0 0 1-1.68-5.056h-1.539a9.983 9.983 0 0 0 1.811 5.744 9.999 9.999 0 0 0 10.81 3.907 10.001 10.001 0 0 0 5.071-3.258v2.828h1.539v-6.147h-6.154v1.537Z",
|
|
22
|
+
fill: color
|
|
23
|
+
}));
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
export { SvgArrowCircle as S };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.923 7.39h-4.015a8.46 8.46 0 0 1 9.5-3.494 8.461 8.461 0 0 1 4.373 3.048 8.446 8.446 0 0 1 1.68 5.056h1.539a9.983 9.983 0 0 0-1.811-5.744 9.999 9.999 0 0 0-10.81-3.907 10.001 10.001 0 0 0-5.071 3.258v-2.828h-1.539v6.147h6.154v-1.537Z" fill="#262627"/><path d="M15.077 16.61h4.015a8.46 8.46 0 0 1-9.5 3.494 8.462 8.462 0 0 1-4.373-3.048 8.447 8.447 0 0 1-1.68-5.056h-1.539a9.983 9.983 0 0 0 1.811 5.744 9.999 9.999 0 0 0 10.81 3.907 10.001 10.001 0 0 0 5.071-3.258v2.828h1.539v-6.147h-6.154v1.537Z" fill="#262627"/></svg>
|
package/icons/Gear.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgGear = function SvgGear(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M12.013 2.25c.734.008 1.465.093 2.181.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.928 1.116l1.4-.615a.75.75 0 0 1 .85.174 9.793 9.793 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.38 1.38 0 0 0 .001 2.226l1.243.915a.75.75 0 0 1 .271.826 9.798 9.798 0 0 1-2.203 3.792.75.75 0 0 1-.849.175l-1.406-.617a1.38 1.38 0 0 0-1.927 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.405 0 .75.75 0 0 1-.572-.647l-.17-1.524a1.382 1.382 0 0 0-1.924-1.11l-1.407.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.203-3.796.75.75 0 0 1 .271-.826l1.244-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.272-.826 9.793 9.793 0 0 1 2.205-3.792.75.75 0 0 1 .849-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.718-.159 1.45-.243 2.202-.252Zm0 1.5a9.135 9.135 0 0 0-1.355.117l-.109.977a2.886 2.886 0 0 1-4.024 2.325l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.798.588c.32.842.775 1.626 1.347 2.322l.906-.397a2.882 2.882 0 0 1 4.017 2.318l.108.984c.89.15 1.799.15 2.689 0l.108-.984a2.88 2.88 0 0 1 4.02-2.322l.904.396a8.299 8.299 0 0 0 1.347-2.318l-.798-.588a2.88 2.88 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.99 8.99 0 0 0-1.333-.117Zm-.013 4.5a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { SvgGear as S };
|
package/icons/Gear.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.013 2.25c.734.008 1.465.093 2.181.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.928 1.116l1.4-.615a.75.75 0 0 1 .85.174 9.793 9.793 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.38 1.38 0 0 0 .001 2.226l1.243.915a.75.75 0 0 1 .271.826 9.798 9.798 0 0 1-2.203 3.792.75.75 0 0 1-.849.175l-1.406-.617a1.38 1.38 0 0 0-1.927 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.405 0 .75.75 0 0 1-.572-.647l-.17-1.524a1.382 1.382 0 0 0-1.924-1.11l-1.407.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.203-3.796.75.75 0 0 1 .271-.826l1.244-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.272-.826 9.793 9.793 0 0 1 2.205-3.792.75.75 0 0 1 .849-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.718-.159 1.45-.243 2.202-.252Zm0 1.5a9.135 9.135 0 0 0-1.355.117l-.109.977a2.886 2.886 0 0 1-4.024 2.325l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.798.588c.32.842.775 1.626 1.347 2.322l.906-.397a2.882 2.882 0 0 1 4.017 2.318l.108.984c.89.15 1.799.15 2.689 0l.108-.984a2.88 2.88 0 0 1 4.02-2.322l.904.396a8.299 8.299 0 0 0 1.347-2.318l-.798-.588a2.88 2.88 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.99 8.99 0 0 0-1.333-.117Zm-.013 4.5a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" fill="#262627"/></svg>
|
package/icons/Pencil.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgPencil = function SvgPencil(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M20.057 3.943a3.22 3.22 0 0 0-4.555 0l-10.755 10.757a2.796 2.796 0 0 0-.743 1.329l-.986 4.141a.675.675 0 0 0 .813.813l4.141-.986c.504-.12.964-.377 1.33-.743l10.755-10.756a3.22 3.22 0 0 0 0-4.555Zm-3.6.955a1.87 1.87 0 0 1 2.645 2.645l-.802.803-2.645-2.646.802-.802Zm-1.757 1.757 2.645 2.645-8.998 9c-.19.189-.427.322-.687.384l-3.074.732.732-3.075c.062-.26.195-.498.384-.687l8.998-9Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { SvgPencil as S };
|
package/icons/Pencil.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.057 3.943a3.22 3.22 0 0 0-4.555 0l-10.755 10.757a2.796 2.796 0 0 0-.743 1.329l-.986 4.141a.675.675 0 0 0 .813.813l4.141-.986c.504-.12.964-.377 1.33-.743l10.755-10.756a3.22 3.22 0 0 0 0-4.555Zm-3.6.955a1.87 1.87 0 0 1 2.645 2.645l-.802.803-2.645-2.646.802-.802Zm-1.757 1.757 2.645 2.645-8.998 9c-.19.189-.427.322-.687.384l-3.074.732.732-3.075c.062-.26.195-.498.384-.687l8.998-9Z" fill="#262627"/></svg>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgPlaySquare = function SvgPlaySquare(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M2 6.25a3.25 3.25 0 0 1 3.25-3.25h13.5a3.25 3.25 0 0 1 3.25 3.25v11.5a3.25 3.25 0 0 1-3.25 3.25h-13.5a3.25 3.25 0 0 1-3.25-3.25v-11.5Zm3.25-1.75a1.75 1.75 0 0 0-1.75 1.75v11.5c0 .966.784 1.75 1.75 1.75h13.5a1.75 1.75 0 0 0 1.75-1.75v-11.5a1.75 1.75 0 0 0-1.75-1.75h-13.5Zm3.75 4.75v5.5a1 1 0 0 0 1.482.876l5-2.75a1 1 0 0 0 0-1.752l-5-2.75a1 1 0 0 0-1.482.877Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { SvgPlaySquare as S };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 6.25a3.25 3.25 0 0 1 3.25-3.25h13.5a3.25 3.25 0 0 1 3.25 3.25v11.5a3.25 3.25 0 0 1-3.25 3.25h-13.5a3.25 3.25 0 0 1-3.25-3.25v-11.5Zm3.25-1.75a1.75 1.75 0 0 0-1.75 1.75v11.5c0 .966.784 1.75 1.75 1.75h13.5a1.75 1.75 0 0 0 1.75-1.75v-11.5a1.75 1.75 0 0 0-1.75-1.75h-13.5Zm3.75 4.75v5.5a1 1 0 0 0 1.482.876l5-2.75a1 1 0 0 0 0-1.752l-5-2.75a1 1 0 0 0-1.482.877Z" fill="#262627"/></svg>
|
package/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
interface IconProps extends React.SVGProps<SVGSVGElement> {
|
|
3
|
-
size?: 16 | 20 | 24 | 28 | 32 | 48;
|
|
3
|
+
size?: 12 | 16 | 20 | 24 | 28 | 32 | 48;
|
|
4
4
|
color?: string;
|
|
5
5
|
}
|
|
6
6
|
|
|
@@ -20,6 +20,7 @@ export declare const Archive: React.FC<IconProps>;
|
|
|
20
20
|
export declare const ArchiveFilled: React.FC<IconProps>;
|
|
21
21
|
export declare const ArrowBounceDown: React.FC<IconProps>;
|
|
22
22
|
export declare const ArrowBounceUp: React.FC<IconProps>;
|
|
23
|
+
export declare const ArrowCircle: React.FC<IconProps>;
|
|
23
24
|
export declare const ArrowDown: React.FC<IconProps>;
|
|
24
25
|
export declare const ArrowLeft: React.FC<IconProps>;
|
|
25
26
|
export declare const ArrowRight: React.FC<IconProps>;
|
|
@@ -114,6 +115,7 @@ export declare const FolderOpenFilled: React.FC<IconProps>;
|
|
|
114
115
|
export declare const FullScreenMaximize: React.FC<IconProps>;
|
|
115
116
|
export declare const FullScreenMinimize: React.FC<IconProps>;
|
|
116
117
|
export declare const Funnel: React.FC<IconProps>;
|
|
118
|
+
export declare const Gear: React.FC<IconProps>;
|
|
117
119
|
export declare const GIF: React.FC<IconProps>;
|
|
118
120
|
export declare const GiftBox: React.FC<IconProps>;
|
|
119
121
|
export declare const GiftBoxFilled: React.FC<IconProps>;
|
|
@@ -160,6 +162,7 @@ export declare const OnePage: React.FC<IconProps>;
|
|
|
160
162
|
export declare const OnePageFilled: React.FC<IconProps>;
|
|
161
163
|
export declare const OpenInNew: React.FC<IconProps>;
|
|
162
164
|
export declare const Options: React.FC<IconProps>;
|
|
165
|
+
export declare const Pencil: React.FC<IconProps>;
|
|
163
166
|
export declare const PeopleFilled: React.FC<IconProps>;
|
|
164
167
|
export declare const PersonBlocked: React.FC<IconProps>;
|
|
165
168
|
export declare const PersonBlockedFilled: React.FC<IconProps>;
|
|
@@ -171,6 +174,7 @@ export declare const PhoneMobile: React.FC<IconProps>;
|
|
|
171
174
|
export declare const Pin: React.FC<IconProps>;
|
|
172
175
|
export declare const PinFilled: React.FC<IconProps>;
|
|
173
176
|
export declare const Play: React.FC<IconProps>;
|
|
177
|
+
export declare const PlaySquare: React.FC<IconProps>;
|
|
174
178
|
export declare const Plus: React.FC<IconProps>;
|
|
175
179
|
export declare const Power: React.FC<IconProps>;
|
|
176
180
|
export declare const Puzzle: React.FC<IconProps>;
|
package/index.js
CHANGED
|
@@ -14,6 +14,7 @@ export { S as Archive } from './icons/Archive.js';
|
|
|
14
14
|
export { S as ArchiveFilled } from './icons/ArchiveFilled.js';
|
|
15
15
|
export { S as ArrowBounceDown } from './icons/ArrowBounceDown.js';
|
|
16
16
|
export { S as ArrowBounceUp } from './icons/ArrowBounceUp.js';
|
|
17
|
+
export { S as ArrowCircle } from './icons/ArrowCircle.js';
|
|
17
18
|
export { S as ArrowDown } from './icons/ArrowDown.js';
|
|
18
19
|
export { S as ArrowLeft } from './icons/ArrowLeft.js';
|
|
19
20
|
export { S as ArrowRight } from './icons/ArrowRight.js';
|
|
@@ -108,6 +109,7 @@ export { S as FolderOpenFilled } from './icons/FolderOpenFilled.js';
|
|
|
108
109
|
export { S as FullScreenMaximize } from './icons/FullScreenMaximize.js';
|
|
109
110
|
export { S as FullScreenMinimize } from './icons/FullScreenMinimize.js';
|
|
110
111
|
export { S as Funnel } from './icons/Funnel.js';
|
|
112
|
+
export { S as Gear } from './icons/Gear.js';
|
|
111
113
|
export { S as GIF } from './icons/GIF.js';
|
|
112
114
|
export { S as GiftBox } from './icons/GiftBox.js';
|
|
113
115
|
export { S as GiftBoxFilled } from './icons/GiftBoxFilled.js';
|
|
@@ -154,6 +156,7 @@ export { S as OnePage } from './icons/OnePage.js';
|
|
|
154
156
|
export { S as OnePageFilled } from './icons/OnePageFilled.js';
|
|
155
157
|
export { S as OpenInNew } from './icons/OpenInNew.js';
|
|
156
158
|
export { S as Options } from './icons/Options.js';
|
|
159
|
+
export { S as Pencil } from './icons/Pencil.js';
|
|
157
160
|
export { S as PeopleFilled } from './icons/PeopleFilled.js';
|
|
158
161
|
export { S as PersonBlocked } from './icons/PersonBlocked.js';
|
|
159
162
|
export { S as PersonBlockedFilled } from './icons/PersonBlockedFilled.js';
|
|
@@ -165,6 +168,7 @@ export { S as PhoneMobile } from './icons/PhoneMobile.js';
|
|
|
165
168
|
export { S as Pin } from './icons/Pin.js';
|
|
166
169
|
export { S as PinFilled } from './icons/PinFilled.js';
|
|
167
170
|
export { S as Play } from './icons/Play.js';
|
|
171
|
+
export { S as PlaySquare } from './icons/PlaySquare.js';
|
|
168
172
|
export { S as Plus } from './icons/Plus.js';
|
|
169
173
|
export { S as Power } from './icons/Power.js';
|
|
170
174
|
export { S as Puzzle } from './icons/Puzzle.js';
|