@rescui/icons 1.11.1 → 1.12.0

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/lib/helpdesk.js CHANGED
@@ -48,7 +48,7 @@ const HelpdeskIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => {
48
48
  let t0;
49
49
  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
50
50
  t0 = /*#__PURE__*/React.createElement("path", {
51
- d: "M10 2a7.98 7.98 0 0 1 6.027 2.743q.069.076.135.154A8 8 0 0 1 4.897 16.161q-.1-.085-.198-.172A8 8 0 0 1 10 2M5.965 15.094A6.47 6.47 0 0 0 10 16.5a6.47 6.47 0 0 0 4.033-1.406L12.75 13.81a4.68 4.68 0 0 1-2.75.89 4.68 4.68 0 0 1-2.751-.891zm-1.06-9.128A6.47 6.47 0 0 0 3.5 10a6.47 6.47 0 0 0 1.404 4.033l1.284-1.284A4.68 4.68 0 0 1 5.3 10c0-1.027.33-1.978.888-2.751zm8.905 1.283c.56.774.89 1.723.89 2.751s-.33 1.977-.89 2.75l1.284 1.283A6.47 6.47 0 0 0 16.5 10a6.47 6.47 0 0 0-1.406-4.035zM10 6.799a3.2 3.2 0 0 0-1.667.473l-.16.104A3.21 3.21 0 0 0 6.8 10a3.21 3.21 0 0 0 3.2 3.2 3.21 3.21 0 0 0 3.2-3.2A3.21 3.21 0 0 0 10 6.8m0-3.3a6.47 6.47 0 0 0-4.035 1.405l1.284 1.283A4.68 4.68 0 0 1 10 5.3a4.68 4.68 0 0 1 2.749.888l1.284-1.284A6.47 6.47 0 0 0 10 3.5"
51
+ d: "M10 1.75a8.23 8.23 0 0 1 6.215 2.828l.14.16A8.25 8.25 0 1 1 10 1.75M6.344 15.067A6.2 6.2 0 0 0 10 16.25c1.365 0 2.625-.44 3.653-1.183l-.935-.935a4.92 4.92 0 0 1-5.438-.001zM14.13 7.28a4.92 4.92 0 0 1 0 5.438l.936.935A6.2 6.2 0 0 0 16.25 10a6.2 6.2 0 0 0-1.183-3.656zm-9.2-.935A6.2 6.2 0 0 0 3.75 10a6.22 6.22 0 0 0 1.18 3.652l.936-.935A4.9 4.9 0 0 1 5.05 10c0-1.005.301-1.939.816-2.72zM10 7.05c-.56 0-1.084.159-1.531.431l-.158.105-.001-.001A2.96 2.96 0 0 0 7.05 10c0 .563.16 1.087.434 1.535.242.394.573.726.966.97a2.93 2.93 0 0 0 3.087.009A2.96 2.96 0 0 0 12.95 10 2.96 2.96 0 0 0 10 7.05m0-3.3a6.22 6.22 0 0 0-3.656 1.18l.936.936A4.93 4.93 0 0 1 10 5.05c1.004 0 1.937.302 2.717.816l.935-.935A6.2 6.2 0 0 0 10 3.75"
52
52
  });
53
53
  $[0] = t0;
54
54
  } else {
package/lib/index.css CHANGED
@@ -3,7 +3,7 @@
3
3
  inherits:true;
4
4
  initial-value:0;
5
5
  }
6
- ._icon_622m6a_4{
6
+ ._icon_g46ng3_4{
7
7
  --_rs-theme-dark:var(
8
8
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
9
9
  var(--rs-theme-dark, 0)
@@ -13,7 +13,7 @@
13
13
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
14
14
  }
15
15
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
16
- ._icon_622m6a_4{
16
+ ._icon_g46ng3_4{
17
17
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100% * var(--_rs-theme-dark-coefficient, 0)));
18
18
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100% * var(--_rs-theme-dark-coefficient, 0)));
19
19
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100% * var(--_rs-theme-dark-coefficient, 0)));
@@ -22,7 +22,7 @@
22
22
  }
23
23
  }
24
24
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
25
- ._icon_622m6a_4{
25
+ ._icon_g46ng3_4{
26
26
  --_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
27
27
  --_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
28
28
  --_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
@@ -30,7 +30,7 @@
30
30
  --_rs-color-primary-t-fog:rgba(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255, calc(.2 * var(--_rs-theme-light-coefficient, 1) + .3 * var(--_rs-theme-dark-coefficient, 0)));
31
31
  }
32
32
  }
33
- ._icon_622m6a_4{
33
+ ._icon_g46ng3_4{
34
34
 
35
35
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
36
36
 
@@ -38,27 +38,27 @@
38
38
  height:var(--rs-icons-height, var(--_rs-icons-height));
39
39
  }
40
40
 
41
- ._sizeXS_622m6a_14{
41
+ ._sizeXS_g46ng3_14{
42
42
  --_rs-icons-height:16px;
43
43
  }
44
44
 
45
- ._sizeS_622m6a_18{
45
+ ._sizeS_g46ng3_18{
46
46
  --_rs-icons-height:20px;
47
47
  }
48
48
 
49
- ._sizeM_622m6a_22{
49
+ ._sizeM_g46ng3_22{
50
50
  --_rs-icons-height:24px;
51
51
  }
52
52
 
53
- ._sizeL_622m6a_26{
53
+ ._sizeL_g46ng3_26{
54
54
  --_rs-icons-height:28px;
55
55
  }
56
56
 
57
- ._light_622m6a_30{
57
+ ._light_g46ng3_30{
58
58
  --rs-theme-dark:0;
59
59
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
60
60
  }
61
- ._dark_622m6a_34{
61
+ ._dark_g46ng3_34{
62
62
  --rs-theme-dark:1;
63
63
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
64
64
  }
@@ -72,40 +72,40 @@
72
72
  }
73
73
  }
74
74
 
75
- ._allVariants_622m6a_48{
75
+ ._allVariants_g46ng3_48{
76
76
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
77
77
  container:rs-icon / size;
78
78
  }
79
79
 
80
- ._variant16_622m6a_53,
81
- ._variant20_622m6a_54,
82
- ._variant24_622m6a_55{
80
+ ._variant16_g46ng3_53,
81
+ ._variant20_g46ng3_54,
82
+ ._variant24_g46ng3_55{
83
83
  display:none;
84
84
  }
85
- ._variant28_622m6a_58{
85
+ ._variant28_g46ng3_58{
86
86
  display:block;
87
87
  }
88
88
  @container rs-icon (max-height: 24px){
89
- ._variant24_622m6a_55{
89
+ ._variant24_g46ng3_55{
90
90
  display:block;
91
91
  }
92
- ._variant28_622m6a_58{
92
+ ._variant28_g46ng3_58{
93
93
  display:none;
94
94
  }
95
95
  }
96
96
  @container rs-icon (max-height: 20px){
97
- ._variant20_622m6a_54{
97
+ ._variant20_g46ng3_54{
98
98
  display:block;
99
99
  }
100
- ._variant24_622m6a_55{
100
+ ._variant24_g46ng3_55{
101
101
  display:none;
102
102
  }
103
103
  }
104
104
  @container rs-icon (max-height: 16px){
105
- ._variant16_622m6a_53{
105
+ ._variant16_g46ng3_53{
106
106
  display:block;
107
107
  }
108
- ._variant20_622m6a_54{
108
+ ._variant20_g46ng3_54{
109
109
  display:none;
110
110
  }
111
111
  }
package/lib/index.css.js CHANGED
@@ -1,14 +1,14 @@
1
1
  export default {
2
- "icon": "_icon_622m6a_4",
3
- "sizeXS": "_sizeXS_622m6a_14",
4
- "sizeS": "_sizeS_622m6a_18",
5
- "sizeM": "_sizeM_622m6a_22",
6
- "sizeL": "_sizeL_622m6a_26",
7
- "light": "_light_622m6a_30",
8
- "dark": "_dark_622m6a_34",
9
- "allVariants": "_allVariants_622m6a_48",
10
- "variant16": "_variant16_622m6a_53",
11
- "variant20": "_variant20_622m6a_54",
12
- "variant24": "_variant24_622m6a_55",
13
- "variant28": "_variant28_622m6a_58"
2
+ "icon": "_icon_g46ng3_4",
3
+ "sizeXS": "_sizeXS_g46ng3_14",
4
+ "sizeS": "_sizeS_g46ng3_18",
5
+ "sizeM": "_sizeM_g46ng3_22",
6
+ "sizeL": "_sizeL_g46ng3_26",
7
+ "light": "_light_g46ng3_30",
8
+ "dark": "_dark_g46ng3_34",
9
+ "allVariants": "_allVariants_g46ng3_48",
10
+ "variant16": "_variant16_g46ng3_53",
11
+ "variant20": "_variant20_g46ng3_54",
12
+ "variant24": "_variant24_g46ng3_55",
13
+ "variant28": "_variant28_g46ng3_58"
14
14
  };
package/lib/index.d.ts CHANGED
@@ -474,6 +474,10 @@ export { default as PersonIcon } from './person';
474
474
  export type { IPersonIconProps as PersonIconProps } from './person';
475
475
  export { default as PersonOutlineIcon } from './person-outline';
476
476
  export type { IPersonOutlineIconProps as PersonOutlineIconProps } from './person-outline';
477
+ export { default as PhoneIcon } from './phone';
478
+ export type { IPhoneIconProps as PhoneIconProps } from './phone';
479
+ export { default as PhoneOutlineIcon } from './phone-outline';
480
+ export type { IPhoneOutlineIconProps as PhoneOutlineIconProps } from './phone-outline';
477
481
  export { default as PlayIcon } from './play';
478
482
  export type { IPlayIconProps as PlayIconProps } from './play';
479
483
  export { default as PlayOutlineIcon } from './play-outline';
package/lib/index.js CHANGED
@@ -236,6 +236,8 @@ export { default as PercentIcon } from './percent.js';
236
236
  export { default as PercentOutlineIcon } from './percent-outline.js';
237
237
  export { default as PersonIcon } from './person.js';
238
238
  export { default as PersonOutlineIcon } from './person-outline.js';
239
+ export { default as PhoneIcon } from './phone.js';
240
+ export { default as PhoneOutlineIcon } from './phone-outline.js';
239
241
  export { default as PlayIcon } from './play.js';
240
242
  export { default as PlayOutlineIcon } from './play-outline.js';
241
243
  export { default as PlusIcon } from './plus.js';
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+
3
+ export type TPhoneOutlineIconSize = "xs" | "s" | "m" | "l";
4
+
5
+ export type TPhoneOutlineIconTheme = "light" | "dark";
6
+
7
+ export interface IPhoneOutlineIconProps extends React.SVGProps<any> {
8
+ size?: TPhoneOutlineIconSize;
9
+ theme?: TPhoneOutlineIconTheme;
10
+ 'data-render-all-sizes'?: boolean;
11
+ style?: React.CSSProperties;
12
+ }
13
+
14
+ declare const PhoneOutlineIcon: React.ForwardRefExoticComponent<IPhoneOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
15
+
16
+ export default PhoneOutlineIcon;
@@ -0,0 +1,297 @@
1
+ import { c as _c } from "react-compiler-runtime";
2
+ import React from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import cn from 'classnames';
5
+ import "./index.css";
6
+ import styles from "./index.css.js";
7
+ const sizeStyles = {
8
+ "xs": styles.sizeXS,
9
+ "s": styles.sizeS,
10
+ "m": styles.sizeM,
11
+ "l": styles.sizeL
12
+ };
13
+ export const Size = {
14
+ "xs": "xs",
15
+ "s": "s",
16
+ "m": "m",
17
+ "l": "l"
18
+ };
19
+ const PhoneOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => {
20
+ const $ = _c(4);
21
+ let t0;
22
+ if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
23
+ t0 = /*#__PURE__*/React.createElement("path", {
24
+ d: "M4.882 2.5c.477 0 .907.29 1.084.733l.965 2.413a1.17 1.17 0 0 1-.437 1.404l-.867.576a9.2 9.2 0 0 0 2.648 2.684l.551-.825a1.17 1.17 0 0 1 1.403-.436l2.413.965c.442.177.733.607.733 1.084v2.543c0 .565-.414 1.078-1.013 1.14a10 10 0 0 1-1.028.052c-5.615 0-10.167-4.552-10.167-10.167q0-.593.067-1.168A1.136 1.136 0 0 1 2.372 2.5zm-2.51 1c-.088 0-.138.06-.144.112a9.167 9.167 0 0 0 10.034 10.173c.052-.006.113-.055.113-.144v-2.543a.17.17 0 0 0-.104-.156l-2.413-.964a.17.17 0 0 0-.2.062l-1.083 1.624-.408-.241a10.2 10.2 0 0 1-3.651-3.695l-.234-.407L5.94 6.217a.17.17 0 0 0 .063-.2l-.965-2.413a.17.17 0 0 0-.155-.104zM9.48 1.166a5.356 5.356 0 0 1 5.354 5.355.501.501 0 0 1-1 0 4.36 4.36 0 0 0-1.275-3.079 4.36 4.36 0 0 0-3.08-1.275.5.5 0 0 1 0-1.001m.001 2.228a3.13 3.13 0 0 1 2.89 1.93c.156.38.236.786.236 1.197a.5.5 0 0 1-1 0 2.13 2.13 0 0 0-1.312-1.965 2.1 2.1 0 0 0-.815-.162.5.5 0 0 1 0-1"
25
+ });
26
+ $[0] = t0;
27
+ } else {
28
+ t0 = $[0];
29
+ }
30
+ let t1;
31
+ if ($[1] !== props || $[2] !== ref) {
32
+ t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
33
+ viewBox: "0 0 16 16"
34
+ }, props, {
35
+ ref: ref
36
+ }), t0);
37
+ $[1] = props;
38
+ $[2] = ref;
39
+ $[3] = t1;
40
+ } else {
41
+ t1 = $[3];
42
+ }
43
+ return t1;
44
+ });
45
+ PhoneOutlineIcon16.displayName = 'PhoneOutlineIcon16';
46
+ const PhoneOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => {
47
+ const $ = _c(4);
48
+ let t0;
49
+ if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
50
+ t0 = /*#__PURE__*/React.createElement("path", {
51
+ d: "M6.104 3c.647 0 1.229.394 1.47.995L8.778 7.01c.278.695.03 1.49-.592 1.906l-.983.653c.82 1.24 1.876 2.31 3.106 3.145l.619-.927a1.584 1.584 0 0 1 1.905-.592l3.015 1.206c.6.24.996.823.996 1.47v3.18c0 .766-.563 1.465-1.38 1.549q-.64.065-1.298.066c-7.087 0-12.834-5.746-12.834-12.833q.001-.748.086-1.475C1.512 3.551 2.206 3 2.965 3zm-3.14 1.5a.1.1 0 0 0-.047.016l-.007.007v.006a11 11 0 0 0-.076 1.304c0 6.259 5.074 11.333 11.333 11.333a11 11 0 0 0 1.153-.06l.008-.007a.07.07 0 0 0 .017-.048v-3.18a.08.08 0 0 0-.053-.077l-3.016-1.206a.08.08 0 0 0-.1.031l-1.42 2.128-.61-.361a12.9 12.9 0 0 1-4.61-4.664l-.35-.61 2.17-1.444a.085.085 0 0 0 .03-.1L6.182 4.552a.09.09 0 0 0-.077-.053zm8.886-.384a4.04 4.04 0 0 1 3.727 2.49c.203.49.307 1.015.307 1.544a.75.75 0 0 1-1.5 0 2.535 2.535 0 0 0-2.534-2.534.75.75 0 0 1 0-1.5m0-2.783a6.82 6.82 0 0 1 4.82 1.997 6.82 6.82 0 0 1 1.997 4.82.75.75 0 0 1-1.5 0 5.32 5.32 0 0 0-1.558-3.76 5.32 5.32 0 0 0-3.76-1.557.75.75 0 0 1 0-1.5"
52
+ });
53
+ $[0] = t0;
54
+ } else {
55
+ t0 = $[0];
56
+ }
57
+ let t1;
58
+ if ($[1] !== props || $[2] !== ref) {
59
+ t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
60
+ viewBox: "0 0 20 20"
61
+ }, props, {
62
+ ref: ref
63
+ }), t0);
64
+ $[1] = props;
65
+ $[2] = ref;
66
+ $[3] = t1;
67
+ } else {
68
+ t1 = $[3];
69
+ }
70
+ return t1;
71
+ });
72
+ PhoneOutlineIcon20.displayName = 'PhoneOutlineIcon20';
73
+ const PhoneOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => {
74
+ const $ = _c(4);
75
+ let t0;
76
+ if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
77
+ t0 = /*#__PURE__*/React.createElement("path", {
78
+ d: "M7.323 3.5A2 2 0 0 1 9.18 4.757l1.447 3.618a2 2 0 0 1-.748 2.407l-1.095.729a13.6 13.6 0 0 0 3.56 3.605l.686-1.027a2 2 0 0 1 2.408-.747l3.618 1.447a2 2 0 0 1 1.256 1.856v3.816c0 .967-.709 1.853-1.744 1.958a16 16 0 0 1-1.568.08c-8.56 0-15.5-6.94-15.5-15.5q0-.904.103-1.781C1.72 4.195 2.599 3.5 3.557 3.5zm-3.739 2q-.083.738-.084 1.499c0 7.456 6.044 13.5 13.5 13.5q.664-.001 1.313-.065v-3.789l-3.619-1.447-1.756 2.633-.815-.482a15.57 15.57 0 0 1-5.567-5.634l-.467-.812L8.77 9.118 7.323 5.5zm10.635-.66a4.94 4.94 0 0 1 4.941 4.94 1 1 0 0 1-2 0 2.944 2.944 0 0 0-2.94-2.94 1 1 0 1 1 0-2m-.001-3.34A8.28 8.28 0 0 1 22.5 9.781a1 1 0 0 1-2 0A6.28 6.28 0 0 0 14.219 3.5a1 1 0 1 1 0-2"
79
+ });
80
+ $[0] = t0;
81
+ } else {
82
+ t0 = $[0];
83
+ }
84
+ let t1;
85
+ if ($[1] !== props || $[2] !== ref) {
86
+ t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
87
+ viewBox: "0 0 24 24"
88
+ }, props, {
89
+ ref: ref
90
+ }), t0);
91
+ $[1] = props;
92
+ $[2] = ref;
93
+ $[3] = t1;
94
+ } else {
95
+ t1 = $[3];
96
+ }
97
+ return t1;
98
+ });
99
+ PhoneOutlineIcon24.displayName = 'PhoneOutlineIcon24';
100
+ const PhoneOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => {
101
+ const $ = _c(4);
102
+ let t0;
103
+ if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
104
+ t0 = /*#__PURE__*/React.createElement("path", {
105
+ d: "M8.544 4.25c.886 0 1.683.54 2.012 1.362l1.688 4.221c.38.951.042 2.04-.81 2.607l-1.416.943a16 16 0 0 0 4.43 4.485l.893-1.339a2.17 2.17 0 0 1 2.607-.81l4.222 1.69a2.17 2.17 0 0 1 1.361 2.01v4.452c0 1.05-.768 2.005-1.884 2.12q-.894.09-1.813.091c-9.895 0-17.918-8.021-17.918-17.916q0-1.045.12-2.06C2.161 5.003 3.111 4.25 4.15 4.25zm-4.394 2a.16.16 0 0 0-.1.034.08.08 0 0 0-.028.052q-.104.9-.105 1.83c0 8.79 7.127 15.916 15.917 15.916q.815 0 1.61-.082a.08.08 0 0 0 .053-.03.15.15 0 0 0 .034-.099V19.42a.17.17 0 0 0-.104-.154l-4.222-1.689a.17.17 0 0 0-.2.062l-1.961 2.94-.816-.482a18 18 0 0 1-6.435-6.512l-.466-.812.778-.52 2.22-1.477a.17.17 0 0 0 .062-.2L8.698 6.353a.17.17 0 0 0-.154-.104zm12.438-4.333a9.497 9.497 0 0 1 9.495 9.495 1 1 0 0 1-2 0 7.497 7.497 0 0 0-7.495-7.495 1 1 0 1 1 0-2m0 3.896A5.6 5.6 0 0 1 21.76 9.27c.28.679.425 1.406.425 2.141a1 1 0 1 1-2 0 3.6 3.6 0 0 0-3.597-3.598 1 1 0 1 1 0-2"
106
+ });
107
+ $[0] = t0;
108
+ } else {
109
+ t0 = $[0];
110
+ }
111
+ let t1;
112
+ if ($[1] !== props || $[2] !== ref) {
113
+ t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
114
+ viewBox: "0 0 28 28"
115
+ }, props, {
116
+ ref: ref
117
+ }), t0);
118
+ $[1] = props;
119
+ $[2] = ref;
120
+ $[3] = t1;
121
+ } else {
122
+ t1 = $[3];
123
+ }
124
+ return t1;
125
+ });
126
+ PhoneOutlineIcon28.displayName = 'PhoneOutlineIcon28';
127
+ const PhoneOutlineIcon = /*#__PURE__*/React.forwardRef((t0, ref) => {
128
+ const $ = _c(34);
129
+ let className;
130
+ let props;
131
+ let style;
132
+ let t1;
133
+ let t2;
134
+ let theme;
135
+ if ($[0] !== t0) {
136
+ ({
137
+ theme,
138
+ size: t1,
139
+ className,
140
+ style,
141
+ "data-render-all-sizes": t2,
142
+ ...props
143
+ } = t0);
144
+ $[0] = t0;
145
+ $[1] = className;
146
+ $[2] = props;
147
+ $[3] = style;
148
+ $[4] = t1;
149
+ $[5] = t2;
150
+ $[6] = theme;
151
+ } else {
152
+ className = $[1];
153
+ props = $[2];
154
+ style = $[3];
155
+ t1 = $[4];
156
+ t2 = $[5];
157
+ theme = $[6];
158
+ }
159
+ const sizeFromProps = t1 === undefined ? "m" : t1;
160
+ const renderAllSizes = t2 === undefined ? false : t2;
161
+ const size = sizeFromProps in Size ? sizeFromProps : "m";
162
+ const t3 = styles[theme];
163
+ const t4 = sizeStyles[size];
164
+ const t5 = renderAllSizes && styles.allVariants;
165
+ let t6;
166
+ if ($[7] !== className || $[8] !== t3 || $[9] !== t4 || $[10] !== t5) {
167
+ t6 = cn(styles.icon, t3, t4, t5, className);
168
+ $[7] = className;
169
+ $[8] = t3;
170
+ $[9] = t4;
171
+ $[10] = t5;
172
+ $[11] = t6;
173
+ } else {
174
+ t6 = $[11];
175
+ }
176
+ let t7;
177
+ if ($[12] !== renderAllSizes || $[13] !== style) {
178
+ t7 = renderAllSizes ? {
179
+ "--rs-icon-ar-width": 28,
180
+ "--rs-icon-ar-height": 28,
181
+ ...style
182
+ } : style;
183
+ $[12] = renderAllSizes;
184
+ $[13] = style;
185
+ $[14] = t7;
186
+ } else {
187
+ t7 = $[14];
188
+ }
189
+ let t8;
190
+ if ($[15] !== props || $[16] !== ref || $[17] !== t6 || $[18] !== t7) {
191
+ t8 = {
192
+ ...props,
193
+ className: t6,
194
+ style: t7,
195
+ ref
196
+ };
197
+ $[15] = props;
198
+ $[16] = ref;
199
+ $[17] = t6;
200
+ $[18] = t7;
201
+ $[19] = t8;
202
+ } else {
203
+ t8 = $[19];
204
+ }
205
+ const mainProps = t8;
206
+ if (renderAllSizes) {
207
+ let t10;
208
+ let t11;
209
+ let t12;
210
+ let t9;
211
+ if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
212
+ t9 = /*#__PURE__*/React.createElement(PhoneOutlineIcon16, {
213
+ className: styles.variant16
214
+ });
215
+ t10 = /*#__PURE__*/React.createElement(PhoneOutlineIcon20, {
216
+ className: styles.variant20
217
+ });
218
+ t11 = /*#__PURE__*/React.createElement(PhoneOutlineIcon24, {
219
+ className: styles.variant24
220
+ });
221
+ t12 = /*#__PURE__*/React.createElement(PhoneOutlineIcon28, {
222
+ className: styles.variant28
223
+ });
224
+ $[20] = t10;
225
+ $[21] = t11;
226
+ $[22] = t12;
227
+ $[23] = t9;
228
+ } else {
229
+ t10 = $[20];
230
+ t11 = $[21];
231
+ t12 = $[22];
232
+ t9 = $[23];
233
+ }
234
+ let t13;
235
+ if ($[24] !== mainProps) {
236
+ t13 = /*#__PURE__*/React.createElement("svg", Object.assign({
237
+ viewBox: "0 0 28 28"
238
+ }, mainProps), t9, t10, t11, t12);
239
+ $[24] = mainProps;
240
+ $[25] = t13;
241
+ } else {
242
+ t13 = $[25];
243
+ }
244
+ return t13;
245
+ }
246
+ if (size === Size.xs) {
247
+ let t9;
248
+ if ($[26] !== mainProps) {
249
+ t9 = /*#__PURE__*/React.createElement(PhoneOutlineIcon16, mainProps);
250
+ $[26] = mainProps;
251
+ $[27] = t9;
252
+ } else {
253
+ t9 = $[27];
254
+ }
255
+ return t9;
256
+ }
257
+ if (size === Size.s) {
258
+ let t9;
259
+ if ($[28] !== mainProps) {
260
+ t9 = /*#__PURE__*/React.createElement(PhoneOutlineIcon20, mainProps);
261
+ $[28] = mainProps;
262
+ $[29] = t9;
263
+ } else {
264
+ t9 = $[29];
265
+ }
266
+ return t9;
267
+ }
268
+ if (size === Size.m) {
269
+ let t9;
270
+ if ($[30] !== mainProps) {
271
+ t9 = /*#__PURE__*/React.createElement(PhoneOutlineIcon24, mainProps);
272
+ $[30] = mainProps;
273
+ $[31] = t9;
274
+ } else {
275
+ t9 = $[31];
276
+ }
277
+ return t9;
278
+ }
279
+ let t9;
280
+ if ($[32] !== mainProps) {
281
+ t9 = /*#__PURE__*/React.createElement(PhoneOutlineIcon28, mainProps);
282
+ $[32] = mainProps;
283
+ $[33] = t9;
284
+ } else {
285
+ t9 = $[33];
286
+ }
287
+ return t9;
288
+ });
289
+ PhoneOutlineIcon.displayName = 'PhoneOutlineIcon';
290
+ PhoneOutlineIcon.propTypes = {
291
+ className: PropTypes.string,
292
+ theme: PropTypes.oneOf(["light", "dark"]),
293
+ size: PropTypes.oneOf(["xs", "s", "m", "l"]),
294
+ 'data-render-all-sizes': PropTypes.bool,
295
+ style: PropTypes.object
296
+ };
297
+ export default PhoneOutlineIcon;
package/lib/phone.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ import * as React from 'react';
2
+
3
+ export type TPhoneIconSize = "xs" | "s" | "m" | "l";
4
+
5
+ export type TPhoneIconTheme = "light" | "dark";
6
+
7
+ export interface IPhoneIconProps extends React.SVGProps<any> {
8
+ size?: TPhoneIconSize;
9
+ theme?: TPhoneIconTheme;
10
+ 'data-render-all-sizes'?: boolean;
11
+ style?: React.CSSProperties;
12
+ }
13
+
14
+ declare const PhoneIcon: React.ForwardRefExoticComponent<IPhoneIconProps & React.RefAttributes<SVGSVGElement>>;
15
+
16
+ export default PhoneIcon;
package/lib/phone.js ADDED
@@ -0,0 +1,297 @@
1
+ import { c as _c } from "react-compiler-runtime";
2
+ import React from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import cn from 'classnames';
5
+ import "./index.css";
6
+ import styles from "./index.css.js";
7
+ const sizeStyles = {
8
+ "xs": styles.sizeXS,
9
+ "s": styles.sizeS,
10
+ "m": styles.sizeM,
11
+ "l": styles.sizeL
12
+ };
13
+ export const Size = {
14
+ "xs": "xs",
15
+ "s": "s",
16
+ "m": "m",
17
+ "l": "l"
18
+ };
19
+ const PhoneIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => {
20
+ const $ = _c(4);
21
+ let t0;
22
+ if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
23
+ t0 = /*#__PURE__*/React.createElement("path", {
24
+ d: "M4.882 2.75c.375 0 .712.228.851.576l.965 2.412a.92.92 0 0 1-.343 1.104l-1.07.712a9.46 9.46 0 0 0 3.062 3.098l.687-1.028c.24-.36.7-.504 1.103-.343l2.412.965c.348.14.576.477.576.852v2.543a.886.886 0 0 1-.788.89q-.495.052-1.003.052c-5.477 0-9.917-4.44-9.917-9.917q0-.578.065-1.14a.887.887 0 0 1 .89-.776zM9.48.916a5.606 5.606 0 0 1 5.604 5.605.751.751 0 0 1-1.5 0 4.1 4.1 0 0 0-1.202-2.902 4.1 4.1 0 0 0-2.903-1.202.75.75 0 0 1 0-1.501m.001 2.428a3.18 3.18 0 0 1 3.176 3.177.75.75 0 0 1-1.5 0A1.677 1.677 0 0 0 9.48 4.844a.75.75 0 0 1 0-1.5"
25
+ });
26
+ $[0] = t0;
27
+ } else {
28
+ t0 = $[0];
29
+ }
30
+ let t1;
31
+ if ($[1] !== props || $[2] !== ref) {
32
+ t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
33
+ viewBox: "0 0 16 16"
34
+ }, props, {
35
+ ref: ref
36
+ }), t0);
37
+ $[1] = props;
38
+ $[2] = ref;
39
+ $[3] = t1;
40
+ } else {
41
+ t1 = $[3];
42
+ }
43
+ return t1;
44
+ });
45
+ PhoneIcon16.displayName = 'PhoneIcon16';
46
+ const PhoneIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => {
47
+ const $ = _c(4);
48
+ let t0;
49
+ if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
50
+ t0 = /*#__PURE__*/React.createElement("path", {
51
+ d: "M6.103 3.25c.544 0 1.034.332 1.237.838l1.206 3.015a1.334 1.334 0 0 1-.5 1.605l-1.186.79a11.6 11.6 0 0 0 3.519 3.562l.757-1.134a1.334 1.334 0 0 1 1.604-.498l3.015 1.206c.506.202.839.692.839 1.237v3.18c0 .647-.474 1.23-1.155 1.3q-.627.064-1.273.065c-6.95 0-12.583-5.634-12.583-12.583q0-.734.083-1.446c.077-.673.657-1.137 1.298-1.137zM11.85 4.5a3.655 3.655 0 0 1 3.373 2.254c.183.442.277.917.277 1.396a1 1 0 0 1-2 0 1.66 1.66 0 0 0-.483-1.167A1.65 1.65 0 0 0 11.85 6.5a1 1 0 0 1 0-2m-.001-3.417a7.07 7.07 0 0 1 6.529 4.363 7.1 7.1 0 0 1 .538 2.704 1 1 0 1 1-2 0 5.07 5.07 0 0 0-5.067-5.067 1 1 0 0 1 0-2"
52
+ });
53
+ $[0] = t0;
54
+ } else {
55
+ t0 = $[0];
56
+ }
57
+ let t1;
58
+ if ($[1] !== props || $[2] !== ref) {
59
+ t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
60
+ viewBox: "0 0 20 20"
61
+ }, props, {
62
+ ref: ref
63
+ }), t0);
64
+ $[1] = props;
65
+ $[2] = ref;
66
+ $[3] = t1;
67
+ } else {
68
+ t1 = $[3];
69
+ }
70
+ return t1;
71
+ });
72
+ PhoneIcon20.displayName = 'PhoneIcon20';
73
+ const PhoneIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => {
74
+ const $ = _c(4);
75
+ let t0;
76
+ if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
77
+ t0 = /*#__PURE__*/React.createElement("path", {
78
+ d: "M7.323 4a1.5 1.5 0 0 1 1.393.943l1.447 3.618a1.5 1.5 0 0 1-.561 1.805l-1.506 1.002a14.1 14.1 0 0 0 4.387 4.44l.963-1.442a1.5 1.5 0 0 1 1.805-.56l3.618 1.447c.57.228.943.78.944 1.392v3.816c0 .73-.533 1.383-1.294 1.46Q17.769 22 17 22C8.716 22 2 15.284 2 7q0-.875.099-1.724C2.185 4.522 2.835 4 3.557 4zm6.896 1.438a4.344 4.344 0 0 1 4.344 4.343 1.5 1.5 0 0 1-3 0 1.347 1.347 0 0 0-1.344-1.344 1.5 1.5 0 1 1 0-3m0-4.437A8.78 8.78 0 0 1 23 9.781a1.5 1.5 0 0 1-3 0A5.78 5.78 0 0 0 14.219 4a1.5 1.5 0 1 1 0-3"
79
+ });
80
+ $[0] = t0;
81
+ } else {
82
+ t0 = $[0];
83
+ }
84
+ let t1;
85
+ if ($[1] !== props || $[2] !== ref) {
86
+ t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
87
+ viewBox: "0 0 24 24"
88
+ }, props, {
89
+ ref: ref
90
+ }), t0);
91
+ $[1] = props;
92
+ $[2] = ref;
93
+ $[3] = t1;
94
+ } else {
95
+ t1 = $[3];
96
+ }
97
+ return t1;
98
+ });
99
+ PhoneIcon24.displayName = 'PhoneIcon24';
100
+ const PhoneIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => {
101
+ const $ = _c(4);
102
+ let t0;
103
+ if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
104
+ t0 = /*#__PURE__*/React.createElement("path", {
105
+ d: "M8.544 4.5a1.92 1.92 0 0 1 1.78 1.205l1.688 4.22a1.92 1.92 0 0 1-.717 2.307l-1.621 1.079a16.25 16.25 0 0 0 4.843 4.903l1.032-1.546a1.92 1.92 0 0 1 2.307-.716l4.221 1.689a1.92 1.92 0 0 1 1.204 1.779v4.451c0 .93-.68 1.77-1.659 1.87q-.881.09-1.788.091c-9.757 0-17.667-7.91-17.667-17.666q.001-1.03.116-2.03C2.395 5.167 3.23 4.5 4.15 4.5zm8.044 1.501a5.41 5.41 0 0 1 5.411 5.411 1.501 1.501 0 0 1-3 0 2.415 2.415 0 0 0-1.488-2.227A2.4 2.4 0 0 0 16.588 9a1.5 1.5 0 0 1 0-3m0-4.583a10 10 0 0 1 9.234 6.17 10 10 0 0 1 .761 3.825 1.5 1.5 0 0 1-3 0 6.996 6.996 0 0 0-6.995-6.995 1.5 1.5 0 0 1 0-3"
106
+ });
107
+ $[0] = t0;
108
+ } else {
109
+ t0 = $[0];
110
+ }
111
+ let t1;
112
+ if ($[1] !== props || $[2] !== ref) {
113
+ t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
114
+ viewBox: "0 0 28 28"
115
+ }, props, {
116
+ ref: ref
117
+ }), t0);
118
+ $[1] = props;
119
+ $[2] = ref;
120
+ $[3] = t1;
121
+ } else {
122
+ t1 = $[3];
123
+ }
124
+ return t1;
125
+ });
126
+ PhoneIcon28.displayName = 'PhoneIcon28';
127
+ const PhoneIcon = /*#__PURE__*/React.forwardRef((t0, ref) => {
128
+ const $ = _c(34);
129
+ let className;
130
+ let props;
131
+ let style;
132
+ let t1;
133
+ let t2;
134
+ let theme;
135
+ if ($[0] !== t0) {
136
+ ({
137
+ theme,
138
+ size: t1,
139
+ className,
140
+ style,
141
+ "data-render-all-sizes": t2,
142
+ ...props
143
+ } = t0);
144
+ $[0] = t0;
145
+ $[1] = className;
146
+ $[2] = props;
147
+ $[3] = style;
148
+ $[4] = t1;
149
+ $[5] = t2;
150
+ $[6] = theme;
151
+ } else {
152
+ className = $[1];
153
+ props = $[2];
154
+ style = $[3];
155
+ t1 = $[4];
156
+ t2 = $[5];
157
+ theme = $[6];
158
+ }
159
+ const sizeFromProps = t1 === undefined ? "m" : t1;
160
+ const renderAllSizes = t2 === undefined ? false : t2;
161
+ const size = sizeFromProps in Size ? sizeFromProps : "m";
162
+ const t3 = styles[theme];
163
+ const t4 = sizeStyles[size];
164
+ const t5 = renderAllSizes && styles.allVariants;
165
+ let t6;
166
+ if ($[7] !== className || $[8] !== t3 || $[9] !== t4 || $[10] !== t5) {
167
+ t6 = cn(styles.icon, t3, t4, t5, className);
168
+ $[7] = className;
169
+ $[8] = t3;
170
+ $[9] = t4;
171
+ $[10] = t5;
172
+ $[11] = t6;
173
+ } else {
174
+ t6 = $[11];
175
+ }
176
+ let t7;
177
+ if ($[12] !== renderAllSizes || $[13] !== style) {
178
+ t7 = renderAllSizes ? {
179
+ "--rs-icon-ar-width": 28,
180
+ "--rs-icon-ar-height": 28,
181
+ ...style
182
+ } : style;
183
+ $[12] = renderAllSizes;
184
+ $[13] = style;
185
+ $[14] = t7;
186
+ } else {
187
+ t7 = $[14];
188
+ }
189
+ let t8;
190
+ if ($[15] !== props || $[16] !== ref || $[17] !== t6 || $[18] !== t7) {
191
+ t8 = {
192
+ ...props,
193
+ className: t6,
194
+ style: t7,
195
+ ref
196
+ };
197
+ $[15] = props;
198
+ $[16] = ref;
199
+ $[17] = t6;
200
+ $[18] = t7;
201
+ $[19] = t8;
202
+ } else {
203
+ t8 = $[19];
204
+ }
205
+ const mainProps = t8;
206
+ if (renderAllSizes) {
207
+ let t10;
208
+ let t11;
209
+ let t12;
210
+ let t9;
211
+ if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
212
+ t9 = /*#__PURE__*/React.createElement(PhoneIcon16, {
213
+ className: styles.variant16
214
+ });
215
+ t10 = /*#__PURE__*/React.createElement(PhoneIcon20, {
216
+ className: styles.variant20
217
+ });
218
+ t11 = /*#__PURE__*/React.createElement(PhoneIcon24, {
219
+ className: styles.variant24
220
+ });
221
+ t12 = /*#__PURE__*/React.createElement(PhoneIcon28, {
222
+ className: styles.variant28
223
+ });
224
+ $[20] = t10;
225
+ $[21] = t11;
226
+ $[22] = t12;
227
+ $[23] = t9;
228
+ } else {
229
+ t10 = $[20];
230
+ t11 = $[21];
231
+ t12 = $[22];
232
+ t9 = $[23];
233
+ }
234
+ let t13;
235
+ if ($[24] !== mainProps) {
236
+ t13 = /*#__PURE__*/React.createElement("svg", Object.assign({
237
+ viewBox: "0 0 28 28"
238
+ }, mainProps), t9, t10, t11, t12);
239
+ $[24] = mainProps;
240
+ $[25] = t13;
241
+ } else {
242
+ t13 = $[25];
243
+ }
244
+ return t13;
245
+ }
246
+ if (size === Size.xs) {
247
+ let t9;
248
+ if ($[26] !== mainProps) {
249
+ t9 = /*#__PURE__*/React.createElement(PhoneIcon16, mainProps);
250
+ $[26] = mainProps;
251
+ $[27] = t9;
252
+ } else {
253
+ t9 = $[27];
254
+ }
255
+ return t9;
256
+ }
257
+ if (size === Size.s) {
258
+ let t9;
259
+ if ($[28] !== mainProps) {
260
+ t9 = /*#__PURE__*/React.createElement(PhoneIcon20, mainProps);
261
+ $[28] = mainProps;
262
+ $[29] = t9;
263
+ } else {
264
+ t9 = $[29];
265
+ }
266
+ return t9;
267
+ }
268
+ if (size === Size.m) {
269
+ let t9;
270
+ if ($[30] !== mainProps) {
271
+ t9 = /*#__PURE__*/React.createElement(PhoneIcon24, mainProps);
272
+ $[30] = mainProps;
273
+ $[31] = t9;
274
+ } else {
275
+ t9 = $[31];
276
+ }
277
+ return t9;
278
+ }
279
+ let t9;
280
+ if ($[32] !== mainProps) {
281
+ t9 = /*#__PURE__*/React.createElement(PhoneIcon28, mainProps);
282
+ $[32] = mainProps;
283
+ $[33] = t9;
284
+ } else {
285
+ t9 = $[33];
286
+ }
287
+ return t9;
288
+ });
289
+ PhoneIcon.displayName = 'PhoneIcon';
290
+ PhoneIcon.propTypes = {
291
+ className: PropTypes.string,
292
+ theme: PropTypes.oneOf(["light", "dark"]),
293
+ size: PropTypes.oneOf(["xs", "s", "m", "l"]),
294
+ 'data-render-all-sizes': PropTypes.bool,
295
+ style: PropTypes.object
296
+ };
297
+ export default PhoneIcon;
@@ -244,6 +244,8 @@ All Icons list
244
244
  - PercentOutlineIcon
245
245
  - PersonIcon
246
246
  - PersonOutlineIcon
247
+ - PhoneIcon
248
+ - PhoneOutlineIcon
247
249
  - PlayIcon
248
250
  - PlayOutlineIcon
249
251
  - PlusIcon
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/icons",
3
- "version": "1.11.1",
3
+ "version": "1.12.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -30,10 +30,10 @@
30
30
  },
31
31
  "devDependencies": {
32
32
  "@rescui/babel-plugin-postcss-modules": "^0.0.6",
33
- "@rescui/colors": "^0.3.5",
33
+ "@rescui/colors": "^0.3.6",
34
34
  "@rescui/postcss-preset-library": "^0.2.4",
35
35
  "@rescui/scripts": "^0.6.0",
36
- "@rescui/typography": "^0.30.0",
36
+ "@rescui/typography": "^0.30.2",
37
37
  "babel-plugin-react-compiler": "^1.0.0",
38
38
  "postsvg": "2.2.7",
39
39
  "react-copy-to-clipboard": "^5.0.3"
@@ -44,5 +44,5 @@
44
44
  "svg-to-jsx": "rescui-scripts svg-to-jsx --src=svg --out=lib --template=template.js --ts-template=ts-template.js --typings-dir=lib"
45
45
  },
46
46
  "nx": {},
47
- "gitHead": "bf5230351055bc038b125e0de66eaee52085973a"
47
+ "gitHead": "5a6fe218e161f8f97ea1faf56a82b0a5dae2ab4d"
48
48
  }
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M10 2a7.98 7.98 0 0 1 6.027 2.743q.069.076.135.154A8 8 0 0 1 4.897 16.161q-.1-.085-.198-.172A8 8 0 0 1 10 2M5.965 15.094A6.47 6.47 0 0 0 10 16.5a6.47 6.47 0 0 0 4.033-1.406L12.75 13.81c-.773.559-1.723.89-2.75.89a4.68 4.68 0 0 1-2.751-.891zm-1.06-9.128A6.47 6.47 0 0 0 3.5 10a6.47 6.47 0 0 0 1.404 4.033l1.284-1.284A4.68 4.68 0 0 1 5.3 10c0-1.027.33-1.978.888-2.751zm8.905 1.283c.56.774.89 1.723.89 2.751s-.33 1.977-.89 2.75l1.284 1.283A6.47 6.47 0 0 0 16.5 10a6.47 6.47 0 0 0-1.406-4.035zM10 6.799a3.2 3.2 0 0 0-1.667.473l-.16.104A3.21 3.21 0 0 0 6.8 10a3.211 3.211 0 0 0 3.2 3.2 3.21 3.21 0 0 0 3.2-3.2A3.208 3.208 0 0 0 10 6.8M10 3.5a6.47 6.47 0 0 0-4.035 1.405l1.284 1.283A4.68 4.68 0 0 1 10 5.3c1.027 0 1.976.33 2.749.888l1.284-1.284A6.47 6.47 0 0 0 10 3.5"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M10 1.75a8.23 8.23 0 0 1 6.215 2.828l.14.16A8.25 8.25 0 1 1 10 1.75M6.344 15.067A6.2 6.2 0 0 0 10 16.25c1.365 0 2.625-.44 3.653-1.183l-.935-.935a4.92 4.92 0 0 1-5.438-.001zM14.13 7.28a4.92 4.92 0 0 1 0 5.438l.936.935A6.2 6.2 0 0 0 16.25 10a6.2 6.2 0 0 0-1.183-3.656zm-9.2-.935A6.2 6.2 0 0 0 3.75 10c0 1.364.439 2.625 1.18 3.652l.936-.935A4.92 4.92 0 0 1 5.05 10c0-1.005.301-1.939.816-2.72zM10 7.05c-.56 0-1.084.159-1.531.431l-.158.105-.001-.001A2.96 2.96 0 0 0 7.05 10c0 .563.16 1.087.434 1.535.242.394.573.726.966.97a2.93 2.93 0 0 0 3.087.009A2.96 2.96 0 0 0 12.95 10 2.96 2.96 0 0 0 10 7.05m0-3.3a6.22 6.22 0 0 0-3.656 1.18l.936.936A4.93 4.93 0 0 1 10 5.05c1.004 0 1.937.302 2.717.816l.935-.935A6.2 6.2 0 0 0 10 3.75"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M4.882 2.5c.477 0 .907.29 1.084.733l.965 2.413a1.17 1.17 0 0 1-.437 1.404l-.867.576a9.2 9.2 0 0 0 2.648 2.684l.551-.825a1.17 1.17 0 0 1 1.403-.436l2.413.965c.442.177.733.607.733 1.084v2.543c0 .565-.414 1.078-1.013 1.14a10 10 0 0 1-1.028.052c-5.615 0-10.167-4.552-10.167-10.167q0-.593.067-1.168A1.136 1.136 0 0 1 2.372 2.5zm-2.51 1c-.088 0-.138.06-.144.112a9.167 9.167 0 0 0 10.034 10.173c.052-.006.113-.055.113-.144v-2.543a.17.17 0 0 0-.104-.156l-2.413-.964a.17.17 0 0 0-.2.062l-1.083 1.624-.408-.241a10.2 10.2 0 0 1-3.651-3.695l-.234-.407L5.94 6.217a.17.17 0 0 0 .063-.2l-.965-2.413a.17.17 0 0 0-.155-.104zM9.48 1.166a5.356 5.356 0 0 1 5.354 5.355.501.501 0 0 1-1 0 4.36 4.36 0 0 0-1.275-3.079 4.36 4.36 0 0 0-3.08-1.275.5.5 0 0 1 0-1.001M9.48 3.394a3.13 3.13 0 0 1 2.89 1.93c.156.38.236.786.236 1.197a.5.5 0 0 1-1 0 2.13 2.13 0 0 0-1.312-1.965 2.1 2.1 0 0 0-.815-.162.5.5 0 0 1 0-1"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M6.104 3c.647 0 1.229.394 1.47.995L8.778 7.01c.278.695.03 1.49-.592 1.906l-.983.653c.82 1.24 1.876 2.31 3.106 3.145l.619-.927a1.584 1.584 0 0 1 1.905-.592l3.015 1.206c.6.24.996.823.996 1.47v3.18c0 .766-.563 1.465-1.38 1.549q-.64.065-1.298.066c-7.087 0-12.834-5.746-12.834-12.833q.001-.748.086-1.475C1.512 3.551 2.206 3 2.965 3zm-3.14 1.5a.08.08 0 0 0-.047.016l-.007.007v.006a11 11 0 0 0-.076 1.304c0 6.259 5.074 11.333 11.333 11.333a11 11 0 0 0 1.153-.06l.008-.007a.07.07 0 0 0 .017-.048v-3.18a.08.08 0 0 0-.053-.077l-3.016-1.206a.08.08 0 0 0-.1.031l-1.42 2.128-.61-.361a12.9 12.9 0 0 1-4.61-4.664l-.35-.61 2.17-1.444a.085.085 0 0 0 .03-.1L6.182 4.552a.09.09 0 0 0-.077-.053zM11.85 4.116a4.04 4.04 0 0 1 3.727 2.49c.203.49.307 1.015.307 1.544a.75.75 0 0 1-1.5 0 2.535 2.535 0 0 0-2.534-2.534.75.75 0 0 1 0-1.5M11.85 1.333a6.82 6.82 0 0 1 4.82 1.997 6.82 6.82 0 0 1 1.997 4.82.75.75 0 0 1-1.5 0 5.32 5.32 0 0 0-1.558-3.76 5.32 5.32 0 0 0-3.76-1.557.75.75 0 0 1 0-1.5"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M7.323 3.5A2 2 0 0 1 9.18 4.757l1.447 3.618a2 2 0 0 1-.748 2.407l-1.095.729a13.6 13.6 0 0 0 3.56 3.605l.686-1.027a2 2 0 0 1 2.408-.747l3.618 1.447a2 2 0 0 1 1.256 1.856v3.816c0 .967-.709 1.853-1.744 1.958a16 16 0 0 1-1.568.08c-8.56 0-15.5-6.94-15.5-15.5q0-.904.103-1.781C1.72 4.195 2.599 3.5 3.557 3.5zm-3.739 2q-.083.738-.084 1.499c0 7.456 6.044 13.5 13.5 13.5q.664-.001 1.313-.065v-3.789l-3.619-1.447-1.756 2.633-.815-.482a15.57 15.57 0 0 1-5.567-5.634l-.467-.812L8.77 9.118 7.323 5.5zM14.219 4.84A4.94 4.94 0 0 1 19.16 9.78a1 1 0 0 1-2 0A2.944 2.944 0 0 0 14.22 6.84a1 1 0 1 1 0-2M14.219 1.5A8.28 8.28 0 0 1 22.5 9.781a1 1 0 0 1-2 0A6.28 6.28 0 0 0 14.219 3.5a1 1 0 1 1 0-2"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><path d="M8.544 4.25c.886 0 1.683.54 2.012 1.362l1.688 4.221c.38.951.042 2.04-.81 2.607l-1.416.943a16 16 0 0 0 4.43 4.485l.893-1.339a2.17 2.17 0 0 1 2.607-.81l4.222 1.69a2.17 2.17 0 0 1 1.361 2.01v4.452c0 1.05-.768 2.005-1.884 2.12q-.894.09-1.813.091c-9.895 0-17.918-8.021-17.918-17.916q0-1.045.12-2.06C2.161 5.003 3.111 4.25 4.15 4.25zm-4.394 2a.16.16 0 0 0-.1.034.08.08 0 0 0-.028.052q-.104.9-.105 1.83c0 8.79 7.127 15.916 15.917 15.916q.815 0 1.61-.082a.08.08 0 0 0 .053-.03.15.15 0 0 0 .034-.099V19.42a.17.17 0 0 0-.104-.154l-4.222-1.689a.17.17 0 0 0-.2.062l-1.961 2.94-.816-.482a18 18 0 0 1-6.435-6.512l-.466-.812.778-.52 2.22-1.477a.17.17 0 0 0 .062-.2L8.698 6.353a.17.17 0 0 0-.154-.104zM16.588 1.917a9.497 9.497 0 0 1 9.495 9.495 1 1 0 0 1-2 0 7.497 7.497 0 0 0-7.495-7.495 1 1 0 1 1 0-2M16.588 5.813A5.6 5.6 0 0 1 21.76 9.27c.28.679.425 1.406.425 2.141a1 1 0 1 1-2 0 3.6 3.6 0 0 0-3.597-3.598 1 1 0 1 1 0-2"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M4.882 2.75c.375 0 .712.228.851.576l.965 2.412a.92.92 0 0 1-.343 1.104l-1.07.712a9.46 9.46 0 0 0 3.062 3.098l.687-1.028c.24-.36.7-.504 1.103-.343l2.412.965c.348.14.576.477.576.852v2.543a.886.886 0 0 1-.788.89q-.495.052-1.003.052c-5.477 0-9.917-4.44-9.917-9.917q0-.578.065-1.14a.887.887 0 0 1 .89-.776zM9.48.916a5.606 5.606 0 0 1 5.604 5.605.751.751 0 0 1-1.5 0 4.1 4.1 0 0 0-1.202-2.902 4.1 4.1 0 0 0-2.903-1.202.75.75 0 0 1 0-1.501M9.48 3.344a3.18 3.18 0 0 1 3.176 3.177.75.75 0 0 1-1.5 0A1.677 1.677 0 0 0 9.48 4.844a.75.75 0 0 1 0-1.5"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M6.103 3.25c.544 0 1.034.332 1.237.838l1.206 3.015a1.334 1.334 0 0 1-.5 1.605l-1.186.79a11.64 11.64 0 0 0 3.519 3.562l.757-1.134a1.334 1.334 0 0 1 1.604-.498l3.015 1.206c.506.202.839.692.839 1.237v3.18c0 .647-.474 1.23-1.155 1.3q-.627.064-1.273.065c-6.95 0-12.583-5.634-12.583-12.583q0-.734.083-1.446c.077-.673.657-1.137 1.298-1.137zM11.85 4.5a3.655 3.655 0 0 1 3.373 2.254c.183.442.277.917.277 1.396a1 1 0 0 1-2 0 1.66 1.66 0 0 0-.483-1.167A1.65 1.65 0 0 0 11.85 6.5a1 1 0 0 1 0-2M11.849 1.083a7.07 7.07 0 0 1 6.529 4.363c.355.858.538 1.776.538 2.704a1 1 0 1 1-2 0 5.07 5.07 0 0 0-5.067-5.067 1 1 0 0 1 0-2"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M7.323 4a1.5 1.5 0 0 1 1.393.943l1.447 3.618a1.5 1.5 0 0 1-.561 1.805l-1.506 1.002a14.1 14.1 0 0 0 4.387 4.44l.963-1.442a1.5 1.5 0 0 1 1.805-.56l3.618 1.447c.57.228.943.78.944 1.392v3.816c0 .73-.533 1.383-1.294 1.46Q17.769 22 17 22c-8.284 0-15-6.716-15-15q0-.875.099-1.724C2.185 4.522 2.835 4 3.557 4zM14.219 5.438a4.344 4.344 0 0 1 4.344 4.343 1.5 1.5 0 0 1-3 0 1.347 1.347 0 0 0-1.344-1.344 1.5 1.5 0 1 1 0-3M14.219 1A8.78 8.78 0 0 1 23 9.781a1.5 1.5 0 0 1-3 0A5.78 5.78 0 0 0 14.219 4a1.5 1.5 0 1 1 0-3"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><path d="M8.544 4.5c.783 0 1.488.478 1.78 1.205l1.688 4.22a1.92 1.92 0 0 1-.717 2.307l-1.621 1.079a16.25 16.25 0 0 0 4.843 4.903l1.032-1.546a1.92 1.92 0 0 1 2.307-.716l4.221 1.689a1.92 1.92 0 0 1 1.204 1.779v4.451c0 .93-.68 1.77-1.659 1.87q-.881.09-1.788.091c-9.757 0-17.667-7.91-17.667-17.666q.001-1.03.116-2.03C2.395 5.167 3.23 4.5 4.15 4.5zM16.588 6.001a5.41 5.41 0 0 1 5.411 5.411 1.501 1.501 0 0 1-3 0 2.415 2.415 0 0 0-1.488-2.227A2.4 2.4 0 0 0 16.588 9a1.5 1.5 0 0 1 0-3M16.588 1.417a10 10 0 0 1 9.234 6.17 10 10 0 0 1 .761 3.825 1.5 1.5 0 0 1-3 0 6.996 6.996 0 0 0-6.995-6.995 1.5 1.5 0 0 1 0-3"/></svg>