@vkontakte/icons 3.46.0 → 3.48.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/16/home_16.d.ts +5 -0
- package/dist/16/home_16.js +18 -0
- package/dist/16/stars_outline_16.d.ts +5 -0
- package/dist/16/stars_outline_16.js +18 -0
- package/dist/20/votes_circle_fill_blue_20.js +5 -3
- package/dist/20/votes_transfer_circle_fill_turquoise_20.d.ts +5 -0
- package/dist/20/votes_transfer_circle_fill_turquoise_20.js +48 -0
- package/dist/24/votes_circle_fill_blue_24.d.ts +5 -0
- package/dist/24/votes_circle_fill_blue_24.js +48 -0
- package/dist/28/votes_transfer_circle_fill_turquoise_28.js +24 -21
- package/dist/icons-map.json +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.js +4 -0
- package/dist/typings/16/home_16.d.ts +5 -0
- package/dist/typings/16/stars_outline_16.d.ts +5 -0
- package/dist/typings/20/votes_transfer_circle_fill_turquoise_20.d.ts +5 -0
- package/dist/typings/24/votes_circle_fill_blue_24.d.ts +5 -0
- package/dist/typings/index.d.ts +4 -0
- package/package.json +4 -4
- package/src/svg/16/home_16.svg +1 -0
- package/src/svg/16/stars_outline_16.svg +1 -0
- package/src/svg/20/votes_circle_fill_blue_20.svg +1 -1
- package/src/svg/20/votes_transfer_circle_fill_turquoise_20.svg +1 -0
- package/src/svg/24/votes_circle_fill_blue_24.svg +1 -0
- package/src/svg/28/votes_transfer_circle_fill_turquoise_28.svg +1 -1
|
@@ -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 Icon16Home = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 16 16",
|
|
7
|
+
width: 16,
|
|
8
|
+
height: 16,
|
|
9
|
+
vkuiIconId: "home_16",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M7.618 2.05a1.5 1.5 0 0 1 .764 0c.284.075.543.27 1.06.658l3.6 2.704c.351.264.527.396.653.563.113.148.196.317.247.496.058.201.058.42.058.86V13c0 .231 0 .347-.025.442a.75.75 0 0 1-.533.531C13.347 14 13.232 14 13 14h-2.734a.766.766 0 0 1-.766-.766v-2.997a1.5 1.5 0 1 0-3 0v2.997a.766.766 0 0 1-.766.766L3 13.999c-.231 0-.347 0-.442-.025a.75.75 0 0 1-.533-.53C2 13.347 2 13.231 2 13V7.33c0-.44 0-.659.058-.86.05-.18.134-.348.247-.496.126-.167.302-.3.653-.563l3.6-2.704c.517-.388.776-.583 1.06-.657"
|
|
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 Icon16StarsOutline = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 16 16",
|
|
7
|
+
width: 16,
|
|
8
|
+
height: 16,
|
|
9
|
+
vkuiIconId: "stars_outline_16",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M3.53.275a.402.402 0 0 0-.762 0l-.305.916c-.2.6-.671 1.07-1.271 1.27l-.917.306a.402.402 0 0 0 0 .763l.917.305c.6.2 1.07.67 1.27 1.27l.306.917c.123.367.64.367.763 0l.306-.916c.2-.6.67-1.07 1.27-1.27l.918-.306a.402.402 0 0 0 0-.763l-.918-.305c-.6-.2-1.07-.67-1.27-1.27zm5.692 3.367c.105-.38.81-.38.916 0 .368 1.329.96 2.977 1.78 3.799.822.82 2.471 1.412 3.8 1.78.38.105.38.81 0 .916l-.276.079c-1.274.371-2.758.936-3.523 1.701l-.152.163c-.743.863-1.284 2.39-1.63 3.636l-.026.066c-.153.29-.71.29-.863 0l-.026-.066c-.368-1.33-.96-2.978-1.781-3.799-.822-.821-2.471-1.412-3.8-1.78-.38-.105-.38-.811 0-.916 1.329-.368 2.978-.96 3.8-1.78.821-.822 1.413-2.47 1.78-3.799m.458 3.113c-.3.618-.685 1.252-1.18 1.746-.493.493-1.126.877-1.744 1.178.618.3 1.251.684 1.745 1.178s.878 1.127 1.179 1.746c.3-.619.684-1.253 1.178-1.746s1.127-.878 1.744-1.178c-.617-.3-1.25-.685-1.744-1.178-.494-.494-.878-1.128-1.178-1.746"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -14,13 +14,15 @@ export const Icon20VotesCircleFillBlue = (props)=>{
|
|
|
14
14
|
},
|
|
15
15
|
vkuiProps: props,
|
|
16
16
|
children: [
|
|
17
|
-
/*#__PURE__*/ _jsx("
|
|
17
|
+
/*#__PURE__*/ _jsx("rect", {
|
|
18
|
+
width: "20",
|
|
19
|
+
height: "20",
|
|
18
20
|
fill: `url(#votes_circle_fill_blue_20${reactId}a)`,
|
|
19
|
-
|
|
21
|
+
rx: "10"
|
|
20
22
|
}),
|
|
21
23
|
/*#__PURE__*/ _jsx("path", {
|
|
22
24
|
fill: "#fff",
|
|
23
|
-
d: "
|
|
25
|
+
d: "M8.962 8.602c.48-.125.68.037.744.135.079.12.167.458-.157 1.025-.544.952-.52 2.015.201 2.634.725.621 1.775.473 2.604-.217.637-.532 1.646-1.78 2.452-2.823.145-.187.217-.28.273-.304a.23.23 0 0 1 .29.099c.03.053.03.17.03.405v2.527c-.002.236-.016.45-.082.653a1.65 1.65 0 0 1-.347.596c-.191.21-.448.349-.74.514l-3.09 1.755c-.285.161-.53.307-.802.364a1.65 1.65 0 0 1-.676 0c-.272-.057-.517-.203-.801-.364l-3.092-1.755a3 3 0 0 1-.203-.127c-.182-.121-.273-.182-.327-.28a.5.5 0 0 1-.055-.28c.013-.11.08-.208.21-.403l.044-.064c.302-.445.718-1.041 1.175-1.646a19 19 0 0 1 1.399-1.68c.225-.233.43-.423.608-.56.187-.143.3-.192.342-.204m.7-4.567a1.65 1.65 0 0 1 .676 0c.272.057.517.203.801.365l3.092 1.755c.17.096.341.191.497.306.218.16.22.465.06.683-.27.366-.641.863-1.047 1.39-.834 1.08-1.75 2.193-2.25 2.61-.513.428-.805.28-.864.23-.06-.052-.26-.33.09-.944.476-.832.567-1.743.114-2.433-.47-.713-1.34-.924-2.208-.698-.3.078-.582.256-.823.44-.25.192-.507.433-.76.694-.503.524-1.03 1.177-1.502 1.802l-.253.34c-.214.292-.32.438-.41.454a.23.23 0 0 1-.212-.069c-.062-.066-.062-.245-.062-.604V7.918c.002-.236.015-.45.081-.653.073-.221.192-.424.348-.596.191-.21.448-.349.74-.514L8.86 4.4c.285-.161.53-.308.802-.365"
|
|
24
26
|
}),
|
|
25
27
|
/*#__PURE__*/ _jsx("defs", {
|
|
26
28
|
children: /*#__PURE__*/ _jsxs("linearGradient", {
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
|
+
export type Icon20VotesTransferCircleFillTurquoiseProps = SvgIconProps;
|
|
4
|
+
export declare const Icon20VotesTransferCircleFillTurquoise: React.FC<Icon20VotesTransferCircleFillTurquoiseProps> & {
|
|
5
|
+
};
|
|
@@ -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 Icon20VotesTransferCircleFillTurquoise = (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: "votes_transfer_circle_fill_turquoise_20",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "none"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsx("rect", {
|
|
18
|
+
width: "20",
|
|
19
|
+
height: "20",
|
|
20
|
+
fill: `url(#votes_transfer_circle_fill_turquoise_20${reactId}a)`,
|
|
21
|
+
rx: "10"
|
|
22
|
+
}),
|
|
23
|
+
/*#__PURE__*/ _jsx("path", {
|
|
24
|
+
fill: "#fff",
|
|
25
|
+
d: "M8.962 8.602c.48-.125.68.037.744.135.079.12.167.458-.157 1.025-.544.952-.52 2.015.201 2.634.725.621 1.775.473 2.604-.217.637-.532 1.646-1.78 2.452-2.823.145-.187.217-.28.273-.304a.23.23 0 0 1 .29.099c.03.053.03.17.03.405v2.527c-.002.236-.016.45-.082.653a1.65 1.65 0 0 1-.347.596c-.191.21-.448.349-.74.514l-3.09 1.755c-.285.161-.53.307-.802.364a1.65 1.65 0 0 1-.676 0c-.272-.057-.517-.203-.801-.364l-3.092-1.755a3 3 0 0 1-.203-.127c-.182-.121-.273-.182-.327-.28a.5.5 0 0 1-.055-.28c.013-.11.08-.208.21-.403l.044-.064c.302-.445.718-1.041 1.175-1.646a19 19 0 0 1 1.399-1.68c.225-.233.43-.423.608-.56.187-.143.3-.192.342-.204m.7-4.567a1.65 1.65 0 0 1 .676 0c.272.057.517.203.801.365l3.092 1.755c.17.096.341.191.497.306.218.16.22.465.06.683-.27.366-.641.863-1.047 1.39-.834 1.08-1.75 2.193-2.25 2.61-.513.428-.805.28-.864.23-.06-.052-.26-.33.09-.944.476-.832.567-1.743.114-2.433-.47-.713-1.34-.924-2.208-.698-.3.078-.582.256-.823.44-.25.192-.507.433-.76.694-.503.524-1.03 1.177-1.502 1.802l-.253.34c-.214.292-.32.438-.41.454a.23.23 0 0 1-.212-.069c-.062-.066-.062-.245-.062-.604V7.918c.002-.236.015-.45.081-.653.073-.221.192-.424.348-.596.191-.21.448-.349.74-.514L8.86 4.4c.285-.161.53-.308.802-.365"
|
|
26
|
+
}),
|
|
27
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
28
|
+
children: /*#__PURE__*/ _jsxs("linearGradient", {
|
|
29
|
+
id: `votes_transfer_circle_fill_turquoise_20${reactId}a`,
|
|
30
|
+
x1: "30",
|
|
31
|
+
x2: "10",
|
|
32
|
+
y1: "10",
|
|
33
|
+
y2: "-10",
|
|
34
|
+
gradientUnits: "userSpaceOnUse",
|
|
35
|
+
children: [
|
|
36
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
37
|
+
stopColor: "#65c2c2"
|
|
38
|
+
}),
|
|
39
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
40
|
+
offset: "1",
|
|
41
|
+
stopColor: "#86d1d1"
|
|
42
|
+
})
|
|
43
|
+
]
|
|
44
|
+
})
|
|
45
|
+
})
|
|
46
|
+
]
|
|
47
|
+
});
|
|
48
|
+
};
|
|
@@ -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 Icon24VotesCircleFillBlue = (props)=>{
|
|
6
|
+
const reactId = React.useId();
|
|
7
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
width: 24,
|
|
10
|
+
height: 24,
|
|
11
|
+
vkuiIconId: "votes_circle_fill_blue_24",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "none"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsx("rect", {
|
|
18
|
+
width: "24",
|
|
19
|
+
height: "24",
|
|
20
|
+
fill: `url(#votes_circle_fill_blue_24${reactId}a)`,
|
|
21
|
+
rx: "12"
|
|
22
|
+
}),
|
|
23
|
+
/*#__PURE__*/ _jsx("path", {
|
|
24
|
+
fill: "#fff",
|
|
25
|
+
d: "M10.806 10.37c.561-.146.793.043.868.157.092.14.195.533-.183 1.195-.635 1.11-.607 2.351.235 3.073.845.725 2.07.552 3.037-.253.744-.62 1.92-2.076 2.861-3.293.169-.218.253-.328.319-.355a.27.27 0 0 1 .337.115c.036.062.036.2.036.473v2.948c-.003.275-.019.526-.096.762a1.9 1.9 0 0 1-.405.695c-.223.245-.522.407-.863.6l-3.606 2.047c-.332.189-.618.358-.935.425-.26.054-.529.054-.789 0-.317-.067-.602-.237-.934-.425l-3.606-2.047a4 4 0 0 1-.238-.148c-.212-.142-.318-.213-.381-.326a.57.57 0 0 1-.064-.328c.015-.128.092-.242.246-.47l.05-.074c.353-.52.838-1.215 1.37-1.92.535-.71 1.107-1.414 1.632-1.96a7 7 0 0 1 .71-.653c.219-.167.35-.225.4-.238m.816-5.329c.26-.054.53-.054.79 0 .316.067.602.237.934.426l3.607 2.047c.198.112.398.223.58.357.255.187.257.543.07.797a94 94 0 0 1-1.222 1.621c-.973 1.26-2.04 2.56-2.624 3.046-.6.499-.94.327-1.008.268-.071-.06-.303-.386.106-1.102.554-.97.66-2.033.131-2.838-.547-.831-1.563-1.078-2.575-.814-.35.091-.68.299-.96.514a8 8 0 0 0-.886.81c-.588.61-1.202 1.371-1.753 2.101q-.151.2-.295.397c-.25.34-.375.51-.48.53a.27.27 0 0 1-.246-.08c-.072-.078-.072-.287-.072-.705V9.57c.002-.275.017-.526.094-.762.085-.257.224-.495.406-.696.223-.244.523-.406.863-.6l3.606-2.046c.332-.188.617-.36.934-.426"
|
|
26
|
+
}),
|
|
27
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
28
|
+
children: /*#__PURE__*/ _jsxs("linearGradient", {
|
|
29
|
+
id: `votes_circle_fill_blue_24${reactId}a`,
|
|
30
|
+
x1: "-12",
|
|
31
|
+
x2: "12",
|
|
32
|
+
y1: "12",
|
|
33
|
+
y2: "36",
|
|
34
|
+
gradientUnits: "userSpaceOnUse",
|
|
35
|
+
children: [
|
|
36
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
37
|
+
stopColor: "#70b2ff"
|
|
38
|
+
}),
|
|
39
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
40
|
+
offset: "1",
|
|
41
|
+
stopColor: "#5c9ce6"
|
|
42
|
+
})
|
|
43
|
+
]
|
|
44
|
+
})
|
|
45
|
+
})
|
|
46
|
+
]
|
|
47
|
+
});
|
|
48
|
+
};
|
|
@@ -14,31 +14,34 @@ export const Icon28VotesTransferCircleFillTurquoise = (props)=>{
|
|
|
14
14
|
},
|
|
15
15
|
vkuiProps: props,
|
|
16
16
|
children: [
|
|
17
|
-
/*#__PURE__*/
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
x2: "14",
|
|
21
|
-
y1: "14",
|
|
22
|
-
y2: "-14",
|
|
23
|
-
gradientUnits: "userSpaceOnUse",
|
|
24
|
-
children: [
|
|
25
|
-
/*#__PURE__*/ _jsx("stop", {
|
|
26
|
-
offset: "0",
|
|
27
|
-
stopColor: "#65c2c2"
|
|
28
|
-
}),
|
|
29
|
-
/*#__PURE__*/ _jsx("stop", {
|
|
30
|
-
offset: "1",
|
|
31
|
-
stopColor: "#86d1d1"
|
|
32
|
-
})
|
|
33
|
-
]
|
|
34
|
-
}),
|
|
35
|
-
/*#__PURE__*/ _jsx("path", {
|
|
17
|
+
/*#__PURE__*/ _jsx("rect", {
|
|
18
|
+
width: "28",
|
|
19
|
+
height: "28",
|
|
36
20
|
fill: `url(#votes_transfer_circle_fill_turquoise_28${reactId}a)`,
|
|
37
|
-
|
|
21
|
+
rx: "14"
|
|
38
22
|
}),
|
|
39
23
|
/*#__PURE__*/ _jsx("path", {
|
|
40
24
|
fill: "#fff",
|
|
41
|
-
d: "
|
|
25
|
+
d: "M12.616 12.137c.64-.167.906.049.992.179.105.16.222.61-.21 1.366-.725 1.27-.693 2.687.269 3.513.966.828 2.367.63 3.471-.29.85-.708 2.196-2.372 3.27-3.764.193-.249.29-.374.364-.405a.306.306 0 0 1 .386.131c.04.071.04.228.04.541v3.37c-.002.314-.02.6-.108.87a2.2 2.2 0 0 1-.463.795c-.255.28-.597.465-.986.685l-4.122 2.34c-.38.215-.706.41-1.069.486a2.2 2.2 0 0 1-.901 0c-.363-.076-.689-.27-1.068-.486l-4.122-2.34a5 5 0 0 1-.271-.17c-.243-.161-.364-.242-.436-.371a.65.65 0 0 1-.074-.375c.018-.147.106-.277.281-.537l.058-.085a55 55 0 0 1 1.566-2.195c.612-.81 1.265-1.616 1.866-2.24.3-.312.574-.564.811-.746.25-.191.4-.258.456-.272m.933-6.09a2.2 2.2 0 0 1 .901 0c.363.075.69.27 1.07.486l4.12 2.34c.227.128.456.255.664.408.291.214.295.62.08.911-.36.488-.855 1.151-1.396 1.852-1.112 1.44-2.332 2.926-3 3.482-.684.57-1.074.373-1.152.306-.08-.069-.346-.441.121-1.259.634-1.11.755-2.324.15-3.244-.624-.95-1.786-1.232-2.943-.93-.4.104-.777.34-1.097.587a9 9 0 0 0-1.013.925c-.672.699-1.374 1.568-2.003 2.403q-.173.228-.338.453c-.285.389-.428.583-.547.606a.3.3 0 0 1-.282-.093c-.083-.088-.083-.327-.083-.805v-3.251c.003-.315.02-.601.109-.87.096-.295.255-.567.463-.796.255-.28.597-.465.986-.685l4.122-2.34c.38-.215.705-.41 1.068-.487"
|
|
26
|
+
}),
|
|
27
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
28
|
+
children: /*#__PURE__*/ _jsxs("linearGradient", {
|
|
29
|
+
id: `votes_transfer_circle_fill_turquoise_28${reactId}a`,
|
|
30
|
+
x1: "42",
|
|
31
|
+
x2: "14",
|
|
32
|
+
y1: "14",
|
|
33
|
+
y2: "-14",
|
|
34
|
+
gradientUnits: "userSpaceOnUse",
|
|
35
|
+
children: [
|
|
36
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
37
|
+
stopColor: "#65c2c2"
|
|
38
|
+
}),
|
|
39
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
40
|
+
offset: "1",
|
|
41
|
+
stopColor: "#86d1d1"
|
|
42
|
+
})
|
|
43
|
+
]
|
|
44
|
+
})
|
|
42
45
|
})
|
|
43
46
|
]
|
|
44
47
|
});
|