@vkontakte/icons 3.40.0 → 3.42.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/20/donut_coin_circle_fill_yellow_20.d.ts +5 -0
- package/dist/20/donut_coin_circle_fill_yellow_20.js +50 -0
- package/dist/24/horizontal_rectangle_arrows_in_outline_24.d.ts +5 -0
- package/dist/24/horizontal_rectangle_arrows_in_outline_24.js +18 -0
- package/dist/24/horizontal_rectangle_arrows_out_outline_24.d.ts +5 -0
- package/dist/24/horizontal_rectangle_arrows_out_outline_24.js +18 -0
- package/dist/24/list_insert_first_outline_24.d.ts +5 -0
- package/dist/24/list_insert_first_outline_24.js +18 -0
- package/dist/24/message_check_outline_24.d.ts +5 -0
- package/dist/24/message_check_outline_24.js +25 -0
- package/dist/28/donut_coin_circle_fill_yellow_28.d.ts +5 -0
- package/dist/28/donut_coin_circle_fill_yellow_28.js +50 -0
- package/dist/40/donut_coin_circle_fill_yellow_40.d.ts +5 -0
- package/dist/40/donut_coin_circle_fill_yellow_40.js +54 -0
- package/dist/40/users_circle_fill_blue_40.d.ts +5 -0
- package/dist/40/users_circle_fill_blue_40.js +48 -0
- package/dist/48/donut_coin_circle_fill_yellow_48.d.ts +5 -0
- package/dist/48/donut_coin_circle_fill_yellow_48.js +65 -0
- package/dist/48/users_circle_fill_blue_48.d.ts +5 -0
- package/dist/48/users_circle_fill_blue_48.js +48 -0
- package/dist/64/users_circle_fill_blue_64.d.ts +5 -0
- package/dist/64/users_circle_fill_blue_64.js +62 -0
- package/dist/icons-map.json +1 -1
- package/dist/index.d.ts +11 -0
- package/dist/index.js +11 -0
- package/dist/typings/20/donut_coin_circle_fill_yellow_20.d.ts +5 -0
- package/dist/typings/24/horizontal_rectangle_arrows_in_outline_24.d.ts +5 -0
- package/dist/typings/24/horizontal_rectangle_arrows_out_outline_24.d.ts +5 -0
- package/dist/typings/24/list_insert_first_outline_24.d.ts +5 -0
- package/dist/typings/24/message_check_outline_24.d.ts +5 -0
- package/dist/typings/28/donut_coin_circle_fill_yellow_28.d.ts +5 -0
- package/dist/typings/40/donut_coin_circle_fill_yellow_40.d.ts +5 -0
- package/dist/typings/40/users_circle_fill_blue_40.d.ts +5 -0
- package/dist/typings/48/donut_coin_circle_fill_yellow_48.d.ts +5 -0
- package/dist/typings/48/users_circle_fill_blue_48.d.ts +5 -0
- package/dist/typings/64/users_circle_fill_blue_64.d.ts +5 -0
- package/dist/typings/index.d.ts +11 -0
- package/package.json +6 -6
- package/src/svg/20/donut_coin_circle_fill_yellow_20.svg +1 -0
- package/src/svg/24/horizontal_rectangle_arrows_in_outline_24.svg +1 -0
- package/src/svg/24/horizontal_rectangle_arrows_out_outline_24.svg +1 -0
- package/src/svg/24/list_insert_first_outline_24.svg +1 -0
- package/src/svg/24/message_check_outline_24.svg +1 -0
- package/src/svg/28/donut_coin_circle_fill_yellow_28.svg +1 -0
- package/src/svg/40/donut_coin_circle_fill_yellow_40.svg +1 -0
- package/src/svg/40/users_circle_fill_blue_40.svg +1 -0
- package/src/svg/48/donut_coin_circle_fill_yellow_48.svg +1 -0
- package/src/svg/48/users_circle_fill_blue_48.svg +1 -0
- package/src/svg/64/users_circle_fill_blue_64.svg +1 -0
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
|
+
export type Icon20DonutCoinCircleFillYellowProps = SvgIconProps;
|
|
4
|
+
export declare const Icon20DonutCoinCircleFillYellow: React.FC<Icon20DonutCoinCircleFillYellowProps> & {
|
|
5
|
+
};
|
|
@@ -0,0 +1,50 @@
|
|
|
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 Icon20DonutCoinCircleFillYellow = (props)=>{
|
|
6
|
+
const reactId = React.useId();
|
|
7
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
8
|
+
viewBox: "0 0 20 20",
|
|
9
|
+
width: 20,
|
|
10
|
+
height: 20,
|
|
11
|
+
vkuiIconId: "donut_coin_circle_fill_yellow_20",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "none"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsx("circle", {
|
|
18
|
+
cx: "10",
|
|
19
|
+
cy: "10",
|
|
20
|
+
r: "10",
|
|
21
|
+
fill: `url(#donut_coin_circle_fill_yellow_20${reactId}a)`
|
|
22
|
+
}),
|
|
23
|
+
/*#__PURE__*/ _jsx("path", {
|
|
24
|
+
fill: "#fff",
|
|
25
|
+
fillRule: "evenodd",
|
|
26
|
+
d: "M7.927 4.03c1.135-.64 2.486-.552 3.728.039 1.242.59 2.416 1.693 3.29 3.172.873 1.482 1.262 3.029 1.164 4.376-.098 1.349-.694 2.538-1.829 3.179q-.136.075-.274.136l-1.898 1.074c-1.094.619-2.472.55-3.746-.006-1.28-.559-2.513-1.628-3.393-3.12-.878-1.49-1.207-3.069-1.061-4.434.145-1.358.773-2.56 1.867-3.18l1.304-.735.404-.228.15-.085.005-.003q.138-.1.289-.185m-.453 10.135c.43.356.88.635 1.328.83 1.01.441 1.962.45 2.66.096a5 5 0 0 1-.91-.335 6.9 6.9 0 0 1-1.836-1.307zm-2.08-2.954a7.2 7.2 0 0 0 1.263 2.143l1.301-.752a9.5 9.5 0 0 1-1.26-2.143zm5.774-5.298c-.74-.446-1.6-.652-2.285-.265a.45.45 0 0 0-.166.626c.13.22.415.296.636.171.249-.14.71-.13 1.338.248.605.365 1.262 1.02 1.794 1.923.533.902.786 1.792.807 2.494.021.728-.201 1.127-.448 1.267a.45.45 0 0 0-.166.625c.13.22.415.297.636.172.686-.388.932-1.225.907-2.079-.026-.88-.336-1.92-.933-2.933-.597-1.01-1.357-1.79-2.12-2.25m-4.912.362c-.66.416-1.124 1.226-1.24 2.3-.05.476-.03.993.068 1.531l1.244-.718a6.6 6.6 0 0 1-.23-2.18q.036-.484.158-.933",
|
|
27
|
+
clipRule: "evenodd"
|
|
28
|
+
}),
|
|
29
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
30
|
+
children: /*#__PURE__*/ _jsxs("linearGradient", {
|
|
31
|
+
id: `donut_coin_circle_fill_yellow_20${reactId}a`,
|
|
32
|
+
x1: "-10",
|
|
33
|
+
x2: "10",
|
|
34
|
+
y1: "10",
|
|
35
|
+
y2: "30",
|
|
36
|
+
gradientUnits: "userSpaceOnUse",
|
|
37
|
+
children: [
|
|
38
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
39
|
+
stopColor: "#ffc460"
|
|
40
|
+
}),
|
|
41
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
42
|
+
offset: "1",
|
|
43
|
+
stopColor: "#fd9f00"
|
|
44
|
+
})
|
|
45
|
+
]
|
|
46
|
+
})
|
|
47
|
+
})
|
|
48
|
+
]
|
|
49
|
+
});
|
|
50
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
|
+
export type Icon24HorizontalRectangleArrowsInOutlineProps = SvgIconProps;
|
|
4
|
+
export declare const Icon24HorizontalRectangleArrowsInOutline: React.FC<Icon24HorizontalRectangleArrowsInOutlineProps> & {
|
|
5
|
+
};
|
|
@@ -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 Icon24HorizontalRectangleArrowsInOutline = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: 24,
|
|
8
|
+
height: 24,
|
|
9
|
+
vkuiIconId: "horizontal_rectangle_arrows_in_outline_24",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M20.2 10.5c0-.995-.001-1.688-.045-2.226-.043-.528-.123-.828-.238-1.055a2.6 2.6 0 0 0-1.136-1.135c-.226-.116-.528-.196-1.056-.24-.538-.044-1.23-.044-2.225-.044h-7c-.995 0-1.688 0-2.226.044-.528.044-.828.124-1.055.24a2.6 2.6 0 0 0-1.135 1.135c-.116.227-.196.527-.24 1.055C3.8 8.812 3.8 9.504 3.8 10.5v3c0 .994 0 1.687.044 2.225.044.528.124.83.24 1.056a2.6 2.6 0 0 0 1.135 1.136c.227.115.527.195 1.055.238.538.044 1.23.045 2.226.045h7c.994 0 1.687-.001 2.225-.045.528-.043.83-.123 1.056-.238a2.6 2.6 0 0 0 1.136-1.136c.115-.226.195-.528.238-1.056.044-.538.045-1.23.045-2.225zM6.614 9.364a.9.9 0 0 1 1.272 0l1.859 1.858a1.1 1.1 0 0 1 0 1.556l-1.859 1.858a.9.9 0 0 1-1.272-1.272L7.977 12l-1.363-1.364a.9.9 0 0 1 0-1.272m9.5 0a.9.9 0 1 1 1.272 1.272L16.022 12l1.364 1.364a.9.9 0 0 1-1.272 1.272l-1.859-1.858a1.1 1.1 0 0 1 0-1.556zM22 13.5c0 .965.001 1.743-.05 2.372-.052.639-.164 1.203-.43 1.725a4.4 4.4 0 0 1-1.923 1.923c-.522.266-1.086.378-1.725.43-.629.051-1.407.05-2.372.05h-7c-.965 0-1.744.001-2.372-.05-.64-.052-1.203-.164-1.725-.43a4.4 4.4 0 0 1-1.924-1.923c-.266-.522-.376-1.086-.429-1.725C2 15.243 2 14.465 2 13.5v-3c0-.965-.001-1.744.05-2.372.053-.64.163-1.203.43-1.725a4.4 4.4 0 0 1 1.923-1.924c.522-.266 1.086-.376 1.725-.429C6.756 4 7.535 4 8.5 4h7c.965 0 1.743 0 2.372.05.639.053 1.203.163 1.725.43a4.4 4.4 0 0 1 1.923 1.923c.266.522.378 1.086.43 1.725.051.628.05 1.407.05 2.372z"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
|
+
export type Icon24HorizontalRectangleArrowsOutOutlineProps = SvgIconProps;
|
|
4
|
+
export declare const Icon24HorizontalRectangleArrowsOutOutline: React.FC<Icon24HorizontalRectangleArrowsOutOutlineProps> & {
|
|
5
|
+
};
|
|
@@ -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 Icon24HorizontalRectangleArrowsOutOutline = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: 24,
|
|
8
|
+
height: 24,
|
|
9
|
+
vkuiIconId: "horizontal_rectangle_arrows_out_outline_24",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M20.2 10.5c0-.995-.001-1.688-.045-2.226-.043-.528-.123-.828-.238-1.055a2.6 2.6 0 0 0-1.136-1.135c-.226-.116-.528-.196-1.056-.24-.538-.044-1.23-.044-2.225-.044h-7c-.995 0-1.688 0-2.226.044-.528.044-.828.124-1.055.24a2.6 2.6 0 0 0-1.135 1.135c-.116.227-.196.527-.24 1.055C3.8 8.812 3.8 9.504 3.8 10.5v3c0 .994 0 1.687.044 2.225.044.528.124.83.24 1.056a2.6 2.6 0 0 0 1.135 1.136c.227.115.527.195 1.055.238.538.044 1.23.045 2.226.045h7c.994 0 1.687-.001 2.225-.045.528-.043.83-.123 1.056-.238a2.6 2.6 0 0 0 1.136-1.136c.115-.226.195-.528.238-1.056.044-.538.045-1.23.045-2.225zM8.614 9.364a.9.9 0 1 1 1.272 1.272L8.522 12l1.364 1.364a.9.9 0 1 1-1.272 1.272l-1.859-1.858a1.1 1.1 0 0 1 0-1.556zm5.5 0a.9.9 0 0 1 1.272 0l1.859 1.858a1.1 1.1 0 0 1 0 1.556l-1.859 1.858a.9.9 0 0 1-1.272-1.272L15.477 12l-1.363-1.364a.9.9 0 0 1 0-1.272M22 13.5c0 .965.001 1.743-.05 2.372-.052.639-.164 1.203-.43 1.725a4.4 4.4 0 0 1-1.923 1.923c-.522.266-1.086.378-1.725.43-.629.051-1.407.05-2.372.05h-7c-.965 0-1.744.001-2.372-.05-.64-.052-1.203-.164-1.725-.43a4.4 4.4 0 0 1-1.924-1.923c-.266-.522-.376-1.086-.429-1.725C2 15.243 2 14.465 2 13.5v-3c0-.965-.001-1.744.05-2.372.053-.64.163-1.203.43-1.725a4.4 4.4 0 0 1 1.923-1.924c.522-.266 1.086-.376 1.725-.429C6.756 4 7.535 4 8.5 4h7c.965 0 1.743 0 2.372.05.639.053 1.203.163 1.725.43a4.4 4.4 0 0 1 1.923 1.923c.266.522.378 1.086.43 1.725.051.628.05 1.407.05 2.372z"
|
|
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 Icon24ListInsertFirstOutline = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: 24,
|
|
8
|
+
height: 24,
|
|
9
|
+
vkuiIconId: "list_insert_first_outline_24",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M20.1 17.1a.9.9 0 0 1 0 1.8H3.9a.9.9 0 0 1 0-1.8zm0-6a.9.9 0 0 1 0 1.8h-9.195a.9.9 0 0 1 0-1.8zM7.024 3.003a.9.9 0 0 1 1.272.02l2.04 2.109c.41.424.422 1.093.029 1.532L8.32 8.947a.9.9 0 0 1-1.342-1.2l.852-.952-1.688.01a1.35 1.35 0 0 0-1.34 1.35V12.1c0 .477-.404.88-.901.9-.497-.02-.9-.423-.9-.9V8.155a3.15 3.15 0 0 1 3.13-3.149l1.568-.01-.697-.72a.9.9 0 0 1 .021-1.273M20.1 5.1a.9.9 0 0 1 0 1.8h-6.196a.9.9 0 1 1 0-1.8z"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
4
|
+
export const Icon24MessageCheckOutline = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: 24,
|
|
8
|
+
height: 24,
|
|
9
|
+
vkuiIconId: "message_check_outline_24",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: [
|
|
15
|
+
/*#__PURE__*/ _jsx("path", {
|
|
16
|
+
d: "M14.094 9.271a.9.9 0 0 1 1.272 1.274l-4.192 4.192a.9.9 0 0 1-1.273 0L8.224 13.06a.901.901 0 0 1 1.273-1.273l1.04 1.04z"
|
|
17
|
+
}),
|
|
18
|
+
/*#__PURE__*/ _jsx("path", {
|
|
19
|
+
fillRule: "evenodd",
|
|
20
|
+
d: "M12.015 3.1c5.324 0 9.884 3.73 9.884 8.607 0 4.878-4.56 8.607-9.884 8.607a11.2 11.2 0 0 1-3.349-.508c-1.248 1.153-3.051 1.706-5.247 1.793-.927.036-1.598-.928-1.208-1.793.313-.7.635-1.365.893-2.063.217-.587.363-1.14.402-1.658a7.7 7.7 0 0 1-1.375-4.378c0-4.878 4.56-8.607 9.884-8.607m0 1.8c-4.6 0-8.084 3.172-8.084 6.807 0 1.306.437 2.532 1.21 3.571a.9.9 0 0 1 .177.537c0 .9-.236 1.77-.525 2.553-.173.467-.379.93-.575 1.365 1.714-.194 2.836-.748 3.514-1.546l.1-.1a.9.9 0 0 1 .901-.158c1 .375 2.11.585 3.282.585 4.599 0 8.084-3.172 8.084-6.807S16.614 4.9 12.015 4.9",
|
|
21
|
+
clipRule: "evenodd"
|
|
22
|
+
})
|
|
23
|
+
]
|
|
24
|
+
});
|
|
25
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
|
+
export type Icon28DonutCoinCircleFillYellowProps = SvgIconProps;
|
|
4
|
+
export declare const Icon28DonutCoinCircleFillYellow: React.FC<Icon28DonutCoinCircleFillYellowProps> & {
|
|
5
|
+
};
|
|
@@ -0,0 +1,50 @@
|
|
|
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 Icon28DonutCoinCircleFillYellow = (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: "donut_coin_circle_fill_yellow_28",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "none"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsx("circle", {
|
|
18
|
+
cx: "14",
|
|
19
|
+
cy: "14",
|
|
20
|
+
r: "14",
|
|
21
|
+
fill: `url(#donut_coin_circle_fill_yellow_28${reactId}a)`
|
|
22
|
+
}),
|
|
23
|
+
/*#__PURE__*/ _jsx("path", {
|
|
24
|
+
fill: "#fff",
|
|
25
|
+
fillRule: "evenodd",
|
|
26
|
+
d: "M11.098 5.642c1.588-.897 3.48-.772 5.22.055 1.737.826 3.382 2.37 4.604 4.44 1.224 2.075 1.768 4.24 1.63 6.127-.137 1.888-.972 3.553-2.56 4.45a5 5 0 0 1-.384.192l-2.657 1.502c-1.532.866-3.46.77-5.244-.007-1.793-.783-3.519-2.28-4.75-4.369-1.23-2.085-1.69-4.296-1.486-6.207.203-1.902 1.082-3.585 2.614-4.452l1.825-1.03.567-.32.21-.117.007-.005q.193-.139.404-.26m-.634 14.19c.6.498 1.23.887 1.858 1.161 1.416.618 2.748.63 3.724.134a7.3 7.3 0 0 1-1.272-.469c-.898-.426-1.77-1.046-2.572-1.83zm-2.913-4.136a10.1 10.1 0 0 0 1.768 3l1.823-1.053a13.2 13.2 0 0 1-1.766-3zm8.084-7.418c-1.037-.625-2.24-.912-3.198-.37a.633.633 0 0 0-.233.875.66.66 0 0 0 .89.24c.348-.196.994-.182 1.873.347.848.511 1.768 1.43 2.513 2.692s1.1 2.51 1.128 3.492c.03 1.02-.281 1.578-.626 1.773a.633.633 0 0 0-.233.876.66.66 0 0 0 .89.24c.961-.542 1.306-1.715 1.27-2.91-.036-1.233-.47-2.688-1.306-4.106-.835-1.415-1.9-2.506-2.968-3.15m-6.877.507c-.923.582-1.573 1.716-1.734 3.221a7.5 7.5 0 0 0 .094 2.143l1.742-1.006c-.284-1.057-.392-2.09-.322-3.052a7 7 0 0 1 .22-1.306",
|
|
27
|
+
clipRule: "evenodd"
|
|
28
|
+
}),
|
|
29
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
30
|
+
children: /*#__PURE__*/ _jsxs("linearGradient", {
|
|
31
|
+
id: `donut_coin_circle_fill_yellow_28${reactId}a`,
|
|
32
|
+
x1: "-14",
|
|
33
|
+
x2: "14",
|
|
34
|
+
y1: "14",
|
|
35
|
+
y2: "42",
|
|
36
|
+
gradientUnits: "userSpaceOnUse",
|
|
37
|
+
children: [
|
|
38
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
39
|
+
stopColor: "#ffc460"
|
|
40
|
+
}),
|
|
41
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
42
|
+
offset: "1",
|
|
43
|
+
stopColor: "#fd9f00"
|
|
44
|
+
})
|
|
45
|
+
]
|
|
46
|
+
})
|
|
47
|
+
})
|
|
48
|
+
]
|
|
49
|
+
});
|
|
50
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
|
+
export type Icon40DonutCoinCircleFillYellowProps = SvgIconProps;
|
|
4
|
+
export declare const Icon40DonutCoinCircleFillYellow: React.FC<Icon40DonutCoinCircleFillYellowProps> & {
|
|
5
|
+
};
|
|
@@ -0,0 +1,54 @@
|
|
|
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 Icon40DonutCoinCircleFillYellow = (props)=>{
|
|
6
|
+
const reactId = React.useId();
|
|
7
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
8
|
+
viewBox: "0 0 40 40",
|
|
9
|
+
width: 40,
|
|
10
|
+
height: 40,
|
|
11
|
+
vkuiIconId: "donut_coin_circle_fill_yellow_40",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "none"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsx("circle", {
|
|
18
|
+
cx: "20",
|
|
19
|
+
cy: "20",
|
|
20
|
+
r: "20",
|
|
21
|
+
fill: `url(#donut_coin_circle_fill_yellow_40${reactId}a)`
|
|
22
|
+
}),
|
|
23
|
+
/*#__PURE__*/ _jsx("path", {
|
|
24
|
+
fill: "#fff",
|
|
25
|
+
d: "M17.833 11.702c1.328-.742 2.99-.348 4.42.505 1.473.879 2.943 2.368 4.094 4.3 1.153 1.936 1.75 3.924 1.8 5.608.05 1.632-.424 3.237-1.754 3.982a.93.93 0 0 1-1.246-.334.87.87 0 0 1 .324-1.213c.469-.263.899-1.017.857-2.407-.04-1.337-.528-3.035-1.553-4.756-1.025-1.72-2.29-2.97-3.455-3.665-1.21-.722-2.093-.737-2.565-.473a.93.93 0 0 1-1.247-.334.87.87 0 0 1 .325-1.213"
|
|
26
|
+
}),
|
|
27
|
+
/*#__PURE__*/ _jsx("path", {
|
|
28
|
+
fill: "#fff",
|
|
29
|
+
fillRule: "evenodd",
|
|
30
|
+
d: "M16.078 8.763c2.13-1.192 4.677-1.033 7.037.079 2.359 1.11 4.598 3.191 6.268 5.994 1.671 2.805 2.412 5.726 2.226 8.26-.187 2.538-1.318 4.755-3.448 5.946a6 6 0 0 1-.606.297l.004.006-3.581 2.003c-2.053 1.148-4.652 1.029-7.077-.019-2.435-1.053-4.786-3.07-6.466-5.89-1.679-2.818-2.306-5.798-2.029-8.368.277-2.558 1.468-4.798 3.52-5.947.964-.539 1.86-1.04 2.516-1.405l.78-.436.288-.162q.27-.192.568-.358m-1.234 19.186c.891.76 1.834 1.348 2.775 1.755 2.061.89 4.022.889 5.437.097l.205-.115a9.8 9.8 0 0 1-2.133-.725c-1.251-.59-2.468-1.454-3.586-2.554zm7.499-17.507c-1.968-.926-3.859-.963-5.343-.133-1.48.83-2.393 2.434-2.549 4.548-.156 2.117.46 4.68 1.977 7.226 1.518 2.549 3.502 4.35 5.473 5.277 1.968.927 3.858.964 5.34.135 1.483-.83 2.396-2.435 2.551-4.55.156-2.117-.462-4.682-1.98-7.23-1.517-2.546-3.5-4.345-5.469-5.273m-11.437 11.82c.281.764.646 1.535 1.1 2.297.456.765.964 1.458 1.508 2.078l2.79-1.597a17.8 17.8 0 0 1-2.599-4.376zm1.943-9.591c-1.415.792-2.396 2.436-2.631 4.61-.107.992-.053 2.075.179 3.2l2.71-1.549c-.412-1.466-.57-2.9-.472-4.227.055-.75.195-1.472.417-2.148z",
|
|
31
|
+
clipRule: "evenodd"
|
|
32
|
+
}),
|
|
33
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
34
|
+
children: /*#__PURE__*/ _jsxs("linearGradient", {
|
|
35
|
+
id: `donut_coin_circle_fill_yellow_40${reactId}a`,
|
|
36
|
+
x1: "-20",
|
|
37
|
+
x2: "20",
|
|
38
|
+
y1: "20",
|
|
39
|
+
y2: "60",
|
|
40
|
+
gradientUnits: "userSpaceOnUse",
|
|
41
|
+
children: [
|
|
42
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
43
|
+
stopColor: "#ffc460"
|
|
44
|
+
}),
|
|
45
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
46
|
+
offset: "1",
|
|
47
|
+
stopColor: "#fd9f00"
|
|
48
|
+
})
|
|
49
|
+
]
|
|
50
|
+
})
|
|
51
|
+
})
|
|
52
|
+
]
|
|
53
|
+
});
|
|
54
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
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 Icon40UsersCircleFillBlue = (props)=>{
|
|
6
|
+
const reactId = React.useId();
|
|
7
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
8
|
+
viewBox: "0 0 40 40",
|
|
9
|
+
width: 40,
|
|
10
|
+
height: 40,
|
|
11
|
+
vkuiIconId: "users_circle_fill_blue_40",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "none"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsx("path", {
|
|
18
|
+
fill: `url(#users_circle_fill_blue_40${reactId}a)`,
|
|
19
|
+
fillRule: "evenodd",
|
|
20
|
+
d: "M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20",
|
|
21
|
+
clipRule: "evenodd"
|
|
22
|
+
}),
|
|
23
|
+
/*#__PURE__*/ _jsx("path", {
|
|
24
|
+
fill: "#fff",
|
|
25
|
+
d: "M24.5 20.5c2.294 0 6.5.857 6.5 4.286 0 1.5-.382 1.714-1.147 1.714h-6.09c.158-.488.237-1.062.237-1.714 0-1.723-.631-3.067-1.672-4.062.783-.16 1.548-.224 2.172-.224m-9 0c2.294 0 6.5.857 6.5 4.286 0 1.5-.382 1.714-1.147 1.714H10.147C9.382 26.5 9 26.286 9 24.786c0-3.429 4.206-4.286 6.5-4.286m0-7.5a3 3 0 1 1 0 6 3 3 0 1 1 0-6m9 0a3 3 0 1 1 0 6 3 3 0 1 1 0-6"
|
|
26
|
+
}),
|
|
27
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
28
|
+
children: /*#__PURE__*/ _jsxs("linearGradient", {
|
|
29
|
+
id: `users_circle_fill_blue_40${reactId}a`,
|
|
30
|
+
x1: "0",
|
|
31
|
+
x2: "40",
|
|
32
|
+
y1: "0",
|
|
33
|
+
y2: "40",
|
|
34
|
+
gradientUnits: "userSpaceOnUse",
|
|
35
|
+
children: [
|
|
36
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
37
|
+
stopColor: "#6cf"
|
|
38
|
+
}),
|
|
39
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
40
|
+
offset: "1",
|
|
41
|
+
stopColor: "#3f8ae0"
|
|
42
|
+
})
|
|
43
|
+
]
|
|
44
|
+
})
|
|
45
|
+
})
|
|
46
|
+
]
|
|
47
|
+
});
|
|
48
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
|
+
export type Icon48DonutCoinCircleFillYellowProps = SvgIconProps;
|
|
4
|
+
export declare const Icon48DonutCoinCircleFillYellow: React.FC<Icon48DonutCoinCircleFillYellowProps> & {
|
|
5
|
+
};
|
|
@@ -0,0 +1,65 @@
|
|
|
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 Icon48DonutCoinCircleFillYellow = (props)=>{
|
|
6
|
+
const reactId = React.useId();
|
|
7
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
8
|
+
viewBox: "0 0 48 48",
|
|
9
|
+
width: 48,
|
|
10
|
+
height: 48,
|
|
11
|
+
vkuiIconId: "donut_coin_circle_fill_yellow_48",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "none"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsx("circle", {
|
|
18
|
+
cx: "24",
|
|
19
|
+
cy: "24",
|
|
20
|
+
r: "24",
|
|
21
|
+
fill: `url(#donut_coin_circle_fill_yellow_48${reactId}a)`
|
|
22
|
+
}),
|
|
23
|
+
/*#__PURE__*/ _jsx("path", {
|
|
24
|
+
stroke: "#fff",
|
|
25
|
+
strokeWidth: "2.057",
|
|
26
|
+
d: "m32.111 33.986-4.092 2.29c-3.964 2.217-10.418-.27-14.053-6.372-3.631-6.095-2.63-12.756 1.335-14.974l4.094-2.288"
|
|
27
|
+
}),
|
|
28
|
+
/*#__PURE__*/ _jsx("path", {
|
|
29
|
+
stroke: "#fff",
|
|
30
|
+
strokeWidth: "2.057",
|
|
31
|
+
d: "M32.8 33.64c-4.123 2.307-10.134-.446-13.78-6.566-3.642-6.112-3.099-12.535 1.026-14.842 4.13-2.31 10.138.447 13.78 6.559 3.646 6.12 3.105 12.539-1.025 14.85Z"
|
|
32
|
+
}),
|
|
33
|
+
/*#__PURE__*/ _jsx("path", {
|
|
34
|
+
stroke: "#fff",
|
|
35
|
+
strokeLinecap: "round",
|
|
36
|
+
strokeWidth: "2.057",
|
|
37
|
+
d: "M30.779 30.275c2.056-1.15 2.066-5.394-.424-9.573-2.487-4.175-6.248-6.261-8.305-5.11"
|
|
38
|
+
}),
|
|
39
|
+
/*#__PURE__*/ _jsx("path", {
|
|
40
|
+
stroke: "#fff",
|
|
41
|
+
strokeWidth: "2.057",
|
|
42
|
+
d: "m17.248 23.514-4.725 2.7m8.777 4.051-4.725 2.702"
|
|
43
|
+
}),
|
|
44
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
45
|
+
children: /*#__PURE__*/ _jsxs("linearGradient", {
|
|
46
|
+
id: `donut_coin_circle_fill_yellow_48${reactId}a`,
|
|
47
|
+
x1: "-24",
|
|
48
|
+
x2: "24",
|
|
49
|
+
y1: "24",
|
|
50
|
+
y2: "72",
|
|
51
|
+
gradientUnits: "userSpaceOnUse",
|
|
52
|
+
children: [
|
|
53
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
54
|
+
stopColor: "#ffc460"
|
|
55
|
+
}),
|
|
56
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
57
|
+
offset: "1",
|
|
58
|
+
stopColor: "#fd9f00"
|
|
59
|
+
})
|
|
60
|
+
]
|
|
61
|
+
})
|
|
62
|
+
})
|
|
63
|
+
]
|
|
64
|
+
});
|
|
65
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
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 Icon48UsersCircleFillBlue = (props)=>{
|
|
6
|
+
const reactId = React.useId();
|
|
7
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
8
|
+
viewBox: "0 0 48 48",
|
|
9
|
+
width: 48,
|
|
10
|
+
height: 48,
|
|
11
|
+
vkuiIconId: "users_circle_fill_blue_48",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "none"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsx("path", {
|
|
18
|
+
fill: `url(#users_circle_fill_blue_48${reactId}a)`,
|
|
19
|
+
fillRule: "evenodd",
|
|
20
|
+
d: "M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24",
|
|
21
|
+
clipRule: "evenodd"
|
|
22
|
+
}),
|
|
23
|
+
/*#__PURE__*/ _jsx("path", {
|
|
24
|
+
fill: "#fff",
|
|
25
|
+
d: "M32.5 20.5c0-1.934-1.566-3.5-3.5-3.5a3.5 3.5 0 0 0-3.5 3.5c0 1.934 1.566 3.5 3.5 3.5s3.5-1.566 3.5-3.5m-3.5 5c2.47 0 7 .857 7 4.286 0 1.5-.412 1.714-1.235 1.714l-7.01.001q.244-.732.245-1.715c0-1.69-.628-3.01-1.67-3.994A12.8 12.8 0 0 1 29 25.5m-10 0c2.47 0 7 .857 7 4.286 0 1.5-.412 1.714-1.235 1.714h-11.53c-.823 0-1.235-.214-1.235-1.714 0-3.429 4.53-4.286 7-4.286m0-8.5c1.934 0 3.5 1.566 3.5 3.5S20.934 24 19 24a3.5 3.5 0 0 1-3.5-3.5c0-1.934 1.566-3.5 3.5-3.5"
|
|
26
|
+
}),
|
|
27
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
28
|
+
children: /*#__PURE__*/ _jsxs("linearGradient", {
|
|
29
|
+
id: `users_circle_fill_blue_48${reactId}a`,
|
|
30
|
+
x1: "0",
|
|
31
|
+
x2: "48",
|
|
32
|
+
y1: "0",
|
|
33
|
+
y2: "48",
|
|
34
|
+
gradientUnits: "userSpaceOnUse",
|
|
35
|
+
children: [
|
|
36
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
37
|
+
stopColor: "#6cf"
|
|
38
|
+
}),
|
|
39
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
40
|
+
offset: "1",
|
|
41
|
+
stopColor: "#3f8ae0"
|
|
42
|
+
})
|
|
43
|
+
]
|
|
44
|
+
})
|
|
45
|
+
})
|
|
46
|
+
]
|
|
47
|
+
});
|
|
48
|
+
};
|
|
@@ -0,0 +1,62 @@
|
|
|
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 Icon64UsersCircleFillBlue = (props)=>{
|
|
6
|
+
const reactId = React.useId();
|
|
7
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
8
|
+
viewBox: "0 0 64 64",
|
|
9
|
+
width: 64,
|
|
10
|
+
height: 64,
|
|
11
|
+
vkuiIconId: "users_circle_fill_blue_64",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "none"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsxs("g", {
|
|
18
|
+
clipPath: `url(#users_circle_fill_blue_64${reactId}a)`,
|
|
19
|
+
children: [
|
|
20
|
+
/*#__PURE__*/ _jsx("circle", {
|
|
21
|
+
cx: "32",
|
|
22
|
+
cy: "32",
|
|
23
|
+
r: "32",
|
|
24
|
+
fill: `url(#users_circle_fill_blue_64${reactId}b)`
|
|
25
|
+
}),
|
|
26
|
+
/*#__PURE__*/ _jsx("path", {
|
|
27
|
+
fill: "#fff",
|
|
28
|
+
d: "M41.917 28.103c0-2.267-1.828-4.103-4.084-4.103s-4.083 1.836-4.083 4.103 1.827 4.103 4.083 4.103 4.084-1.836 4.084-4.103m-4.084 5.862c2.883 0 8.167 1.004 8.167 5.024 0 1.758-.48 2.01-1.441 2.01L36.38 41q.286-.86.287-2.011c0-1.98-.733-3.528-1.95-4.682a14.8 14.8 0 0 1 3.116-.342m-11.666 0c2.882 0 8.166 1.004 8.166 5.024 0 1.758-.48 2.01-1.44 2.01H19.44c-.96 0-1.44-.252-1.44-2.01 0-4.02 5.283-5.024 8.166-5.024m0-9.965c2.256 0 4.083 1.836 4.083 4.103s-1.827 4.103-4.083 4.103-4.084-1.836-4.084-4.103S23.911 24 26.167 24"
|
|
29
|
+
})
|
|
30
|
+
]
|
|
31
|
+
}),
|
|
32
|
+
/*#__PURE__*/ _jsxs("defs", {
|
|
33
|
+
children: [
|
|
34
|
+
/*#__PURE__*/ _jsxs("linearGradient", {
|
|
35
|
+
id: `users_circle_fill_blue_64${reactId}b`,
|
|
36
|
+
x1: "0",
|
|
37
|
+
x2: "64",
|
|
38
|
+
y1: "0",
|
|
39
|
+
y2: "64",
|
|
40
|
+
gradientUnits: "userSpaceOnUse",
|
|
41
|
+
children: [
|
|
42
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
43
|
+
stopColor: "#6cf"
|
|
44
|
+
}),
|
|
45
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
46
|
+
offset: "1",
|
|
47
|
+
stopColor: "#3f8ae0"
|
|
48
|
+
})
|
|
49
|
+
]
|
|
50
|
+
}),
|
|
51
|
+
/*#__PURE__*/ _jsx("clipPath", {
|
|
52
|
+
id: `users_circle_fill_blue_64${reactId}a`,
|
|
53
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
54
|
+
fill: "#fff",
|
|
55
|
+
d: "M0 0h64v64H0z"
|
|
56
|
+
})
|
|
57
|
+
})
|
|
58
|
+
]
|
|
59
|
+
})
|
|
60
|
+
]
|
|
61
|
+
});
|
|
62
|
+
};
|