@vkontakte/icons 3.53.0 → 3.55.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/dist/12/car_12.d.ts +5 -0
- package/dist/12/car_12.js +20 -0
- package/dist/12/chart_square_12.d.ts +5 -0
- package/dist/12/chart_square_12.js +20 -0
- package/dist/12/check_shield_12.d.ts +5 -0
- package/dist/12/check_shield_12.js +20 -0
- package/dist/12/payment_card_12.d.ts +5 -0
- package/dist/12/payment_card_12.js +18 -0
- package/dist/12/plane_12.d.ts +5 -0
- package/dist/12/plane_12.js +18 -0
- package/dist/12/text_rectangle_12.d.ts +5 -0
- package/dist/12/text_rectangle_12.js +20 -0
- package/dist/16/add_outline_16.d.ts +5 -0
- package/dist/16/add_outline_16.js +18 -0
- package/dist/16/microphone_outline_16.d.ts +5 -0
- package/dist/16/microphone_outline_16.js +18 -0
- package/dist/16/phone_outline_16.js +1 -1
- package/dist/16/square_stack_up_outline_16.d.ts +5 -0
- package/dist/16/square_stack_up_outline_16.js +18 -0
- package/dist/28/smile_circle_fill_28.d.ts +5 -0
- package/dist/28/smile_circle_fill_28.js +64 -0
- package/dist/icons-map.json +1 -1
- package/dist/index.d.ts +10 -0
- package/dist/index.js +10 -0
- package/dist/typings/12/car_12.d.ts +5 -0
- package/dist/typings/12/chart_square_12.d.ts +5 -0
- package/dist/typings/12/check_shield_12.d.ts +5 -0
- package/dist/typings/12/payment_card_12.d.ts +5 -0
- package/dist/typings/12/plane_12.d.ts +5 -0
- package/dist/typings/12/text_rectangle_12.d.ts +5 -0
- package/dist/typings/16/add_outline_16.d.ts +5 -0
- package/dist/typings/16/microphone_outline_16.d.ts +5 -0
- package/dist/typings/16/square_stack_up_outline_16.d.ts +5 -0
- package/dist/typings/28/smile_circle_fill_28.d.ts +5 -0
- package/dist/typings/index.d.ts +10 -0
- package/package.json +4 -4
- package/src/svg/12/car_12.svg +1 -0
- package/src/svg/12/chart_square_12.svg +1 -0
- package/src/svg/12/check_shield_12.svg +1 -0
- package/src/svg/12/payment_card_12.svg +1 -0
- package/src/svg/12/plane_12.svg +1 -0
- package/src/svg/12/text_rectangle_12.svg +1 -0
- package/src/svg/16/add_outline_16.svg +1 -0
- package/src/svg/16/microphone_outline_16.svg +1 -0
- package/src/svg/16/phone_outline_16.svg +1 -1
- package/src/svg/16/square_stack_up_outline_16.svg +1 -0
- package/src/svg/28/smile_circle_fill_28.svg +1 -0
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon12Car = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 12 12",
|
|
7
|
+
width: 12,
|
|
8
|
+
height: 12,
|
|
9
|
+
vkuiIconId: "car_12",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
fillRule: "evenodd",
|
|
16
|
+
d: "M7.271 1.5c.414 0 .757 0 1.039.027.291.029.554.09.802.234.249.143.433.34.604.578.165.23.336.527.543.885l.564.976h.453c.235 0 .426.19.426.426v.101a.785.785 0 0 1-.601.764v4.161c0 .063 0 .136-.004.2a.7.7 0 0 1-.072.268.7.7 0 0 1-.306.306.7.7 0 0 1-.267.07c-.064.006-.139.006-.201.006h-.02c-.076 0-.16 0-.233-.006a.8.8 0 0 1-.287-.076.75.75 0 0 1-.328-.327.8.8 0 0 1-.076-.287c-.006-.073-.005-.157-.005-.234V9.45H2.7v.122c0 .077.001.161-.005.234a.8.8 0 0 1-.076.287.75.75 0 0 1-.328.327.8.8 0 0 1-.287.076c-.072.006-.157.006-.233.006h-.02c-.062 0-.137 0-.201-.005a.7.7 0 0 1-.267-.071.7.7 0 0 1-.306-.306.7.7 0 0 1-.072-.268C.9 9.788.9 9.715.9 9.652v-4.16a.785.785 0 0 1-.6-.765v-.101C.3 4.39.49 4.2.726 4.2h.452l.566-.978c.207-.358.379-.654.544-.884a1.9 1.9 0 0 1 .604-.577 1.9 1.9 0 0 1 .801-.234C3.975 1.5 4.317 1.5 4.73 1.5zM2.96 6.614a.45.45 0 0 0-.219.873l1.2.3a.45.45 0 0 0 .22-.873zm6.082 0-1.2.3a.45.45 0 0 0 .219.873l1.2-.3a.45.45 0 0 0-.219-.873M4.731 2.4c-.431 0-.722 0-.95.023-.217.021-.341.06-.44.118-.1.057-.195.144-.322.321-.134.186-.28.438-.496.81l-.659 1.135.02.001.004.001.011.002.05.01.205.031q.276.044.809.101C3.67 5.027 4.706 5.1 6 5.1s2.33-.073 3.038-.147a19 19 0 0 0 1.014-.133l.05-.009.011-.002h.002q.01-.003.019-.002l-.656-1.133a11 11 0 0 0-.495-.81c-.127-.178-.223-.266-.322-.323s-.223-.097-.44-.118a11 11 0 0 0-.95-.023z",
|
|
17
|
+
clipRule: "evenodd"
|
|
18
|
+
})
|
|
19
|
+
});
|
|
20
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon12ChartSquare = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 12 12",
|
|
7
|
+
width: 12,
|
|
8
|
+
height: 12,
|
|
9
|
+
vkuiIconId: "chart_square_12",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
fillRule: "evenodd",
|
|
16
|
+
d: "M7.3 1.503c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874c.218.428.218.988.218 2.108v2.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874c-.428.218-.988.218-2.108.218H4.7c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C1.5 8.983 1.5 8.423 1.5 7.303v-2.6c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874c.428-.218.988-.218 2.108-.218zM3.75 4.628a.625.625 0 0 0-.625.625v2.75a.625.625 0 1 0 1.25 0v-2.75a.625.625 0 0 0-.625-.625M6 3.378a.625.625 0 0 0-.625.625v4a.625.625 0 1 0 1.25 0v-4A.625.625 0 0 0 6 3.378m2.25 1.75a.625.625 0 0 0-.625.625v2.25a.625.625 0 1 0 1.25 0v-2.25a.625.625 0 0 0-.625-.625",
|
|
17
|
+
clipRule: "evenodd"
|
|
18
|
+
})
|
|
19
|
+
});
|
|
20
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon12CheckShield = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 12 12",
|
|
7
|
+
width: 12,
|
|
8
|
+
height: 12,
|
|
9
|
+
vkuiIconId: "check_shield_12",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
fillRule: "evenodd",
|
|
16
|
+
d: "M6.193.988c.145.018.287.063.57.151l2.539.794c.322.101.484.151.603.248a.8.8 0 0 1 .238.324c.057.143.057.312.057.65v3.254c0 2.552-2.71 4.031-3.776 4.515a1 1 0 0 1-.288.101 1 1 0 0 1-.272 0 1 1 0 0 1-.288-.101C4.51 10.44 1.8 8.96 1.8 6.409V3.155c0-.338 0-.507.057-.65a.8.8 0 0 1 .238-.324c.119-.097.28-.147.602-.248l2.538-.794c.284-.089.427-.133.572-.151a1.6 1.6 0 0 1 .386 0M8.358 4.21a.6.6 0 0 0-.848.03L5.442 6.468 4.49 5.442a.6.6 0 1 0-.879.816l1.393 1.5a.6.6 0 0 0 .88 0l2.507-2.7a.6.6 0 0 0-.032-.847",
|
|
17
|
+
clipRule: "evenodd"
|
|
18
|
+
})
|
|
19
|
+
});
|
|
20
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon12PaymentCard = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 12 12",
|
|
7
|
+
width: 12,
|
|
8
|
+
height: 12,
|
|
9
|
+
vkuiIconId: "payment_card_12",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M11 6.8c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C9.48 10 8.92 10 7.8 10H4.2c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C1 8.48 1 7.92 1 6.8v-.86c0-.112 0-.168.022-.21a.2.2 0 0 1 .087-.088c.043-.022.099-.022.211-.022h9.36c.112 0 .168 0 .21.022a.2.2 0 0 1 .088.087c.022.043.022.1.022.211zm-7.44-.05c-.196 0-.294 0-.369.038a.35.35 0 0 0-.153.153C3 7.016 3 7.114 3 7.31v.13c0 .196 0 .294.038.369.034.065.088.12.153.153C3.266 8 3.364 8 3.56 8h.13c.196 0 .294 0 .369-.038a.35.35 0 0 0 .153-.153c.038-.075.038-.173.038-.369v-.13c0-.196 0-.294-.038-.369a.35.35 0 0 0-.153-.153c-.075-.038-.173-.038-.369-.038zM7.8 2c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874c.126.246.178.536.2.951.007.11.01.166-.011.211a.2.2 0 0 1-.088.093c-.044.023-.101.023-.216.023H1.333c-.115 0-.172 0-.216-.023a.2.2 0 0 1-.088-.093c-.02-.045-.018-.1-.012-.21.023-.416.075-.706.2-.952a2 2 0 0 1 .875-.874C2.52 2 3.08 2 4.2 2z"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon12Plane = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 12 12",
|
|
7
|
+
width: 12,
|
|
8
|
+
height: 12,
|
|
9
|
+
vkuiIconId: "plane_12",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M9.481 1.501c.215-.006.459.04.663.197l.085.074.074.085c.157.204.202.448.196.662a2 2 0 0 1-.18.736c-.207.482-.582 1.011-1.062 1.492l-.475.474c-.243.243-.287.295-.314.345a.5.5 0 0 0-.057.187c-.005.057.003.126.07.461l.522 2.607a.947.947 0 0 1-1.702.727L6.284 8.095a5 5 0 0 0-.19-.262l-.007-.007-.013.008c-.06.04-.14.102-.275.208q-.305.24-.588.433a5 5 0 0 0-.186.13l-.01.008.002.007c.003.04.01.097.025.199l.107.748a.82.82 0 0 1-1.497.56l-.57-.882a2 2 0 0 0-.108-.159l-.06-.06a2 2 0 0 0-.158-.108l-.882-.57a.82.82 0 0 1-.332-.945l.059-.134a.82.82 0 0 1 .833-.418l.748.107c.102.015.158.022.199.026h.006l.008-.009.13-.185q.195-.284.433-.588c.106-.135.168-.216.208-.276l.008-.013-.007-.006a5 5 0 0 0-.262-.19L2.452 4.7a.946.946 0 0 1-.303-1.198l.082-.134a.95.95 0 0 1 .949-.37l2.606.521c.337.067.405.076.461.07a.5.5 0 0 0 .188-.056c.05-.027.102-.072.344-.315l.475-.474c.48-.48 1.01-.855 1.491-1.062.24-.103.493-.174.736-.18"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon12TextRectangle = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 12 12",
|
|
7
|
+
width: 12,
|
|
8
|
+
height: 12,
|
|
9
|
+
vkuiIconId: "text_rectangle_12",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
fillRule: "evenodd",
|
|
16
|
+
d: "M7.3 1.503c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874c.218.428.218.988.218 2.108v2.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874c-.428.218-.988.218-2.108.218H4.7c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C1.5 8.983 1.5 8.423 1.5 7.303v-2.6c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874c.428-.218.988-.218 2.108-.218zM4 7.628a.625.625 0 1 0 0 1.25h2.5a.625.625 0 1 0 0-1.25zm0-2.25a.625.625 0 1 0 0 1.25h4a.625.625 0 1 0 0-1.25zm0-2.25a.625.625 0 1 0 0 1.25h4a.625.625 0 1 0 0-1.25z",
|
|
17
|
+
clipRule: "evenodd"
|
|
18
|
+
})
|
|
19
|
+
});
|
|
20
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon16AddOutline = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 16 16",
|
|
7
|
+
width: 16,
|
|
8
|
+
height: 16,
|
|
9
|
+
vkuiIconId: "add_outline_16",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M8 1.997a.75.75 0 0 1 .75.75v4.506h4.506a.75.75 0 0 1 0 1.5H8.75v4.496a.75.75 0 0 1-1.5 0V8.753H2.754a.75.75 0 0 1 0-1.5H7.25V2.747a.75.75 0 0 1 .75-.75"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon16MicrophoneOutline = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 16 16",
|
|
7
|
+
width: 16,
|
|
8
|
+
height: 16,
|
|
9
|
+
vkuiIconId: "microphone_outline_16",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M9.002 4.5a1.002 1.002 0 0 0-2.005 0v3a1.002 1.002 0 0 0 2.005 0zm-.252 9.75A.75.75 0 0 1 8 15l-.077-.004a.75.75 0 0 1-.67-.669l-.003-.077v-1.3a5.51 5.51 0 0 1-4.584-4.084l-.05-.209a.75.75 0 0 1 1.47-.314 4.005 4.005 0 0 0 3.735 3.153L8 11.5a4.005 4.005 0 0 0 3.915-3.157.75.75 0 0 1 1.467.314l-.049.21a5.51 5.51 0 0 1-4.584 4.082zm1.752-6.75c0 1.38-1.12 2.5-2.502 2.5l-.255-.013A2.5 2.5 0 0 1 5.498 7.5v-3C5.498 3.12 6.618 2 8 2l.256.013A2.5 2.5 0 0 1 10.502 4.5z"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -12,7 +12,7 @@ export const Icon16PhoneOutline = (props)=>{
|
|
|
12
12
|
},
|
|
13
13
|
vkuiProps: props,
|
|
14
14
|
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
-
d: "
|
|
15
|
+
d: "M2.924 2.493c1.201-1.022 3.003-.907 4.018.3l.465.553c1.056 1.252.985 3.082-.097 4.3q.167.239.487.56c.205.204.39.367.547.495 1.236-1.092 3.06-1.158 4.31-.107l.555.467c1.206 1.015 1.32 2.82.293 4.026l-.005.006h-.002a3.1 3.1 0 0 1-2.011 1.055h.001c-2.261.305-4.5-.748-6.691-2.94C2.604 9.019 1.55 6.78 1.85 4.566a3.1 3.1 0 0 1 1.074-2.072m2.816 1.31c-.44-.524-1.245-.585-1.799-.113V3.69a1.55 1.55 0 0 0-.418.578l-.037.1q-.057.169-.073.347v.005l-.002.007c-.223 1.663.572 3.45 2.494 5.373s3.709 2.718 5.372 2.493l.014-.002a1.55 1.55 0 0 0 1.02-.528c.443-.52.416-1.26-.021-1.713l-.093-.086-.554-.468c-.666-.559-1.677-.507-2.325.141l-.397.398a.63.63 0 0 1-.662.146c-.447-.164-.973-.565-1.571-1.164-.598-.598-1-1.124-1.165-1.572a.63.63 0 0 1 .145-.662l.398-.399c.608-.607.692-1.534.239-2.195l-.102-.133z"
|
|
16
16
|
})
|
|
17
17
|
});
|
|
18
18
|
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon16SquareStackUpOutline = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 16 16",
|
|
7
|
+
width: 16,
|
|
8
|
+
height: 16,
|
|
9
|
+
vkuiIconId: "square_stack_up_outline_16",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M1.326 10.835a.75.75 0 0 1 1.002-.35l5.67 2.735 5.679-2.732a.75.75 0 0 1 .65 1.353l-5.796 2.788a1.23 1.23 0 0 1-1.066-.001l-5.79-2.791a.75.75 0 0 1-.349-1.002m-.002-2.892a.75.75 0 0 1 1.002-.35l5.672 2.734 5.677-2.73a.75.75 0 0 1 .65 1.352l-5.793 2.787a1.23 1.23 0 0 1-1.067 0l-5.791-2.79a.75.75 0 0 1-.35-1.003m6.278-6.626c.26-.09.542-.09.802 0l.128.052 5.51 2.625c.876.417.932 1.613.164 2.128l-.164.094L8.524 8.84a1.23 1.23 0 0 1-1.055 0L1.958 6.22c-.936-.446-.934-1.777-.001-2.222l5.517-2.629zM3.113 5.108l4.883 2.32 4.889-2.324-4.882-2.326z"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
5
|
+
export const Icon28SmileCircleFill = (props)=>{
|
|
6
|
+
const reactId = React.useId();
|
|
7
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
8
|
+
viewBox: "0 0 28 28",
|
|
9
|
+
width: 28,
|
|
10
|
+
height: 28,
|
|
11
|
+
vkuiIconId: "smile_circle_fill_28",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "none"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsxs("g", {
|
|
18
|
+
clipPath: `url(#smile_circle_fill_28${reactId}a)`,
|
|
19
|
+
children: [
|
|
20
|
+
/*#__PURE__*/ _jsx("circle", {
|
|
21
|
+
cx: "14",
|
|
22
|
+
cy: "14",
|
|
23
|
+
r: "14",
|
|
24
|
+
fill: `url(#smile_circle_fill_28${reactId}b)`
|
|
25
|
+
}),
|
|
26
|
+
/*#__PURE__*/ _jsx("path", {
|
|
27
|
+
fill: "#fff",
|
|
28
|
+
fillRule: "evenodd",
|
|
29
|
+
d: "M22 14a8 8 0 1 0-16 0 8 8 0 0 0 16 0m-9.5-1.622a1.125 1.125 0 1 0-2.25 0 1.125 1.125 0 0 0 2.25 0m4.12-1.125a1.125 1.125 0 1 1 .01 2.25 1.125 1.125 0 0 1-.01-2.25m.774 4.25a.75.75 0 0 0-1.046.175c-1.114 1.56-3.576 1.576-4.703 0a.75.75 0 0 0-1.22.872c1.692 2.368 5.433 2.393 7.143 0a.75.75 0 0 0-.174-1.047",
|
|
30
|
+
clipRule: "evenodd"
|
|
31
|
+
})
|
|
32
|
+
]
|
|
33
|
+
}),
|
|
34
|
+
/*#__PURE__*/ _jsxs("defs", {
|
|
35
|
+
children: [
|
|
36
|
+
/*#__PURE__*/ _jsxs("linearGradient", {
|
|
37
|
+
id: `smile_circle_fill_28${reactId}b`,
|
|
38
|
+
x1: "-14",
|
|
39
|
+
x2: "14",
|
|
40
|
+
y1: "14",
|
|
41
|
+
y2: "42",
|
|
42
|
+
gradientUnits: "userSpaceOnUse",
|
|
43
|
+
children: [
|
|
44
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
45
|
+
stopColor: "#ffb73d"
|
|
46
|
+
}),
|
|
47
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
48
|
+
offset: "1",
|
|
49
|
+
stopColor: "#ffa000"
|
|
50
|
+
})
|
|
51
|
+
]
|
|
52
|
+
}),
|
|
53
|
+
/*#__PURE__*/ _jsx("clipPath", {
|
|
54
|
+
id: `smile_circle_fill_28${reactId}a`,
|
|
55
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
56
|
+
fill: "#fff",
|
|
57
|
+
d: "M0 0h28v28H0z"
|
|
58
|
+
})
|
|
59
|
+
})
|
|
60
|
+
]
|
|
61
|
+
})
|
|
62
|
+
]
|
|
63
|
+
});
|
|
64
|
+
};
|