@vkontakte/icons 3.37.0 → 3.38.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/star_circle_fill_yellow_12.js +9 -28
- package/dist/16/star_circle_fill_yellow_16.js +9 -28
- package/dist/20/calendar_shield_20.d.ts +5 -0
- package/dist/20/calendar_shield_20.js +23 -0
- package/dist/20/market_20.d.ts +5 -0
- package/dist/20/market_20.js +18 -0
- package/dist/20/star_circle_fill_yellow_20.d.ts +5 -0
- package/dist/20/star_circle_fill_yellow_20.js +43 -0
- package/dist/24/computer_stack_outline_24.d.ts +5 -0
- package/dist/24/computer_stack_outline_24.js +25 -0
- package/dist/24/expand_rectangle_vertical_outline_24.d.ts +5 -0
- package/dist/24/expand_rectangle_vertical_outline_24.js +25 -0
- package/dist/24/rectangle_text_outline_24.d.ts +5 -0
- package/dist/24/rectangle_text_outline_24.js +25 -0
- package/dist/24/scissors_outline_24.d.ts +5 -0
- package/dist/24/scissors_outline_24.js +20 -0
- package/dist/24/star_circle_fill_yellow_24.js +8 -27
- package/dist/24/truck_outline_24.d.ts +5 -0
- package/dist/24/truck_outline_24.js +20 -0
- package/dist/24/tv_24.d.ts +5 -0
- package/dist/24/tv_24.js +25 -0
- package/dist/28/clock_circle_fill_red_28.d.ts +5 -0
- package/dist/28/clock_circle_fill_red_28.js +48 -0
- package/dist/32/donut_circle_fill_yellow_32.js +19 -22
- package/dist/icons-map.json +1 -1
- package/dist/index.d.ts +10 -0
- package/dist/index.js +10 -0
- package/dist/typings/20/calendar_shield_20.d.ts +5 -0
- package/dist/typings/20/market_20.d.ts +5 -0
- package/dist/typings/20/star_circle_fill_yellow_20.d.ts +5 -0
- package/dist/typings/24/computer_stack_outline_24.d.ts +5 -0
- package/dist/typings/24/expand_rectangle_vertical_outline_24.d.ts +5 -0
- package/dist/typings/24/rectangle_text_outline_24.d.ts +5 -0
- package/dist/typings/24/scissors_outline_24.d.ts +5 -0
- package/dist/typings/24/truck_outline_24.d.ts +5 -0
- package/dist/typings/24/tv_24.d.ts +5 -0
- package/dist/typings/28/clock_circle_fill_red_28.d.ts +5 -0
- package/dist/typings/index.d.ts +10 -0
- package/package.json +6 -6
- package/src/svg/12/star_circle_fill_yellow_12.svg +1 -15
- package/src/svg/16/star_circle_fill_yellow_16.svg +1 -15
- package/src/svg/20/calendar_shield_20.svg +1 -0
- package/src/svg/20/market_20.svg +1 -0
- package/src/svg/20/star_circle_fill_yellow_20.svg +1 -0
- package/src/svg/24/computer_stack_outline_24.svg +1 -0
- package/src/svg/24/expand_rectangle_vertical_outline_24.svg +1 -0
- package/src/svg/24/rectangle_text_outline_24.svg +1 -0
- package/src/svg/24/scissors_outline_24.svg +1 -0
- package/src/svg/24/star_circle_fill_yellow_24.svg +1 -15
- package/src/svg/24/truck_outline_24.svg +1 -0
- package/src/svg/24/tv_24.svg +1 -0
- package/src/svg/28/clock_circle_fill_red_28.svg +1 -0
- package/src/svg/32/donut_circle_fill_yellow_32.svg +1 -1
|
@@ -21,43 +21,24 @@ export const Icon12StarCircleFillYellow = (props)=>{
|
|
|
21
21
|
cx: "6",
|
|
22
22
|
cy: "6",
|
|
23
23
|
r: "6",
|
|
24
|
-
fill:
|
|
24
|
+
fill: "#ffa000"
|
|
25
25
|
}),
|
|
26
26
|
/*#__PURE__*/ _jsx("path", {
|
|
27
27
|
fill: "#fff",
|
|
28
28
|
fillRule: "evenodd",
|
|
29
|
-
d: "M6.11 2.59a.25.25 0 0 0-.334.114l-.952 1.928-2.127.31a.25.25 0 0 0-.138.
|
|
29
|
+
d: "M6.11 2.59a.25.25 0 0 0-.334.114l-.952 1.928-2.127.31a.25.25 0 0 0-.138.425l1.539 1.501-.364 2.119a.25.25 0 0 0 .363.263L6 8.25l1.903 1a.25.25 0 0 0 .363-.263l-.364-2.119 1.54-1.5a.25.25 0 0 0-.14-.427l-2.126-.31-.952-1.927a.25.25 0 0 0-.113-.113",
|
|
30
30
|
clipRule: "evenodd"
|
|
31
31
|
})
|
|
32
32
|
]
|
|
33
33
|
}),
|
|
34
|
-
/*#__PURE__*/
|
|
35
|
-
children:
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
y1: "6",
|
|
41
|
-
y2: "18",
|
|
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: `star_circle_fill_yellow_12${reactId}a`,
|
|
55
|
-
children: /*#__PURE__*/ _jsx("path", {
|
|
56
|
-
fill: "#fff",
|
|
57
|
-
d: "M0 0h12v12H0z"
|
|
58
|
-
})
|
|
34
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
35
|
+
children: /*#__PURE__*/ _jsx("clipPath", {
|
|
36
|
+
id: `star_circle_fill_yellow_12${reactId}a`,
|
|
37
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
38
|
+
fill: "#fff",
|
|
39
|
+
d: "M0 0h12v12H0z"
|
|
59
40
|
})
|
|
60
|
-
|
|
41
|
+
})
|
|
61
42
|
})
|
|
62
43
|
]
|
|
63
44
|
});
|
|
@@ -21,41 +21,22 @@ export const Icon16StarCircleFillYellow = (props)=>{
|
|
|
21
21
|
cx: "8",
|
|
22
22
|
cy: "8",
|
|
23
23
|
r: "8",
|
|
24
|
-
fill:
|
|
24
|
+
fill: "#ffa000"
|
|
25
25
|
}),
|
|
26
26
|
/*#__PURE__*/ _jsx("path", {
|
|
27
27
|
fill: "#fff",
|
|
28
|
-
d: "M8.148 3.454a.333.333 0 0 0-.447.152l-1.268 2.57-2.837.412a.333.333 0 0 0-.185.569l2.053 2-.485 2.825a.334.334 0 0 0 .484.352L8 11l2.537 1.334a.333.333 0 0 0 .484-.352l-.485-2.825 2.053-2a.334.334 0 0 0-.185-.569l-2.837-.412L8.3 3.606a.33.33 0 0 0-.151-.
|
|
28
|
+
d: "M8.148 3.454a.333.333 0 0 0-.447.152l-1.268 2.57-2.837.412a.333.333 0 0 0-.185.569l2.053 2-.485 2.825a.334.334 0 0 0 .484.352L8 11l2.537 1.334a.333.333 0 0 0 .484-.352l-.485-2.825 2.053-2a.334.334 0 0 0-.185-.569l-2.837-.412L8.3 3.606a.33.33 0 0 0-.151-.152"
|
|
29
29
|
})
|
|
30
30
|
]
|
|
31
31
|
}),
|
|
32
|
-
/*#__PURE__*/
|
|
33
|
-
children:
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
y1: "8",
|
|
39
|
-
y2: "24",
|
|
40
|
-
gradientUnits: "userSpaceOnUse",
|
|
41
|
-
children: [
|
|
42
|
-
/*#__PURE__*/ _jsx("stop", {
|
|
43
|
-
stopColor: "#ffb73d"
|
|
44
|
-
}),
|
|
45
|
-
/*#__PURE__*/ _jsx("stop", {
|
|
46
|
-
offset: "1",
|
|
47
|
-
stopColor: "#ffa000"
|
|
48
|
-
})
|
|
49
|
-
]
|
|
50
|
-
}),
|
|
51
|
-
/*#__PURE__*/ _jsx("clipPath", {
|
|
52
|
-
id: `star_circle_fill_yellow_16${reactId}a`,
|
|
53
|
-
children: /*#__PURE__*/ _jsx("path", {
|
|
54
|
-
fill: "#fff",
|
|
55
|
-
d: "M0 0h16v16H0z"
|
|
56
|
-
})
|
|
32
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
33
|
+
children: /*#__PURE__*/ _jsx("clipPath", {
|
|
34
|
+
id: `star_circle_fill_yellow_16${reactId}a`,
|
|
35
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
36
|
+
fill: "#fff",
|
|
37
|
+
d: "M0 0h16v16H0z"
|
|
57
38
|
})
|
|
58
|
-
|
|
39
|
+
})
|
|
59
40
|
})
|
|
60
41
|
]
|
|
61
42
|
});
|
|
@@ -0,0 +1,23 @@
|
|
|
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 Icon20CalendarShield = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 20 20",
|
|
7
|
+
width: 20,
|
|
8
|
+
height: 20,
|
|
9
|
+
vkuiIconId: "calendar_shield_20",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: [
|
|
15
|
+
/*#__PURE__*/ _jsx("path", {
|
|
16
|
+
d: "M13.69 1.33c.407 0 .738.33.738.738v1.094a3.94 3.94 0 0 1 2.822 3.776v1.4l-2.284-.669c-.116-.034-.283-.085-.469-.121l-.19-.03-.155-.014a3 3 0 0 0-.462.014c-.261.03-.505.106-.66.15l-2.812.825c-.094.028-.451.113-.78.318l-.14.094c-.24.183-.441.42-.582.699l-.057.122c-.19.445-.161.935-.161 1.023v3.11c0 1.458.691 2.585 1.464 3.39H6.686a3.936 3.936 0 0 1-3.936-3.935V6.937a3.94 3.94 0 0 1 2.822-3.776V2.068a.739.739 0 0 1 1.476 0v.934h5.904v-.934c0-.407.33-.738.738-.738"
|
|
17
|
+
}),
|
|
18
|
+
/*#__PURE__*/ _jsx("path", {
|
|
19
|
+
d: "M14.136 9.007c.104.012.206.043.408.102l2.813.823c.23.068.345.101.43.166a.54.54 0 0 1 .17.217c.041.096.041.208.041.434v3.11c0 2.356-2.764 3.686-3.697 4.067a1 1 0 0 1-.209.068.7.7 0 0 1-.187 0 1 1 0 0 1-.21-.068c-.932-.381-3.696-1.711-3.697-4.066v-3.111c0-.226 0-.338.042-.434a.54.54 0 0 1 .168-.217c.086-.065.202-.098.432-.166l2.813-.823c.202-.06.303-.09.407-.102q.137-.015.276 0m2.47 2.613a.75.75 0 0 0-1.06 0l-1.966 1.966-.752-.686a.75.75 0 0 0-1.059 1.063l1.282 1.213a.75.75 0 0 0 1.06 0l2.495-2.496a.75.75 0 0 0 0-1.06"
|
|
20
|
+
})
|
|
21
|
+
]
|
|
22
|
+
});
|
|
23
|
+
};
|
|
@@ -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 Icon20Market = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 20 20",
|
|
7
|
+
width: 20,
|
|
8
|
+
height: 20,
|
|
9
|
+
vkuiIconId: "market_20",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
d: "M10 1a4.43 4.43 0 0 1 4.429 4.429h1.547c.617 0 .84.064 1.066.184.225.121.402.298.523.524.12.225.185.449.185 1.066v5.851c0 1.604-.167 2.186-.48 2.772a3.27 3.27 0 0 1-1.36 1.36c-.587.314-1.169.481-2.773.481H6.863c-1.604 0-2.186-.167-2.772-.48a3.27 3.27 0 0 1-1.36-1.36c-.314-.587-.481-1.169-.481-2.773V7.203c0-.617.064-.84.185-1.066.12-.226.297-.403.523-.524.226-.12.45-.184 1.066-.184h1.547A4.43 4.43 0 0 1 10 1M6.426 7.09h-.048a.9.9 0 0 0-.438.095.65.65 0 0 0-.272.272.9.9 0 0 0-.097.439v.047a.9.9 0 0 0 .097.439q.094.177.272.272a.9.9 0 0 0 .438.096h.048a.9.9 0 0 0 .438-.096.65.65 0 0 0 .272-.272.9.9 0 0 0 .096-.439v-.047a.9.9 0 0 0-.096-.439.65.65 0 0 0-.272-.272.9.9 0 0 0-.438-.096m7.196 0h-.048a.9.9 0 0 0-.438.095.65.65 0 0 0-.272.272.9.9 0 0 0-.096.439v.047a.9.9 0 0 0 .096.439q.096.177.272.272a.9.9 0 0 0 .438.096h.048a.9.9 0 0 0 .438-.096.65.65 0 0 0 .272-.272.9.9 0 0 0 .097-.439v-.047a.9.9 0 0 0-.097-.439.65.65 0 0 0-.272-.272.9.9 0 0 0-.438-.096M10 2.66a2.77 2.77 0 0 0-2.768 2.77h5.536A2.77 2.77 0 0 0 10 2.66"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
@@ -0,0 +1,43 @@
|
|
|
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 Icon20StarCircleFillYellow = (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: "star_circle_fill_yellow_20",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "none"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsxs("g", {
|
|
18
|
+
clipPath: `url(#star_circle_fill_yellow_20${reactId}a)`,
|
|
19
|
+
children: [
|
|
20
|
+
/*#__PURE__*/ _jsx("circle", {
|
|
21
|
+
cx: "10",
|
|
22
|
+
cy: "10",
|
|
23
|
+
r: "10",
|
|
24
|
+
fill: "#ffa000"
|
|
25
|
+
}),
|
|
26
|
+
/*#__PURE__*/ _jsx("path", {
|
|
27
|
+
fill: "#fff",
|
|
28
|
+
d: "M10.192 4.212a.434.434 0 0 0-.582.197L7.957 7.76l-3.696.537a.434.434 0 0 0-.241.74l2.675 2.608-.632 3.681a.434.434 0 0 0 .63.458L10 14.045l3.306 1.738a.434.434 0 0 0 .63-.458l-.631-3.681 2.674-2.607a.435.435 0 0 0-.24-.741l-3.697-.537-1.653-3.35a.43.43 0 0 0-.197-.197"
|
|
29
|
+
})
|
|
30
|
+
]
|
|
31
|
+
}),
|
|
32
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
33
|
+
children: /*#__PURE__*/ _jsx("clipPath", {
|
|
34
|
+
id: `star_circle_fill_yellow_20${reactId}a`,
|
|
35
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
36
|
+
fill: "#fff",
|
|
37
|
+
d: "M0 0h20v20H0z"
|
|
38
|
+
})
|
|
39
|
+
})
|
|
40
|
+
})
|
|
41
|
+
]
|
|
42
|
+
});
|
|
43
|
+
};
|
|
@@ -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 Icon24ComputerStackOutline = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: 24,
|
|
8
|
+
height: 24,
|
|
9
|
+
vkuiIconId: "computer_stack_outline_24",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: [
|
|
15
|
+
/*#__PURE__*/ _jsx("path", {
|
|
16
|
+
fillRule: "evenodd",
|
|
17
|
+
d: "M15.466 6.602c.757.007 1.223.036 1.622.148a4 4 0 0 1 2.764 2.765c.15.532.15 1.183.15 2.484l-.001.862c-.007.757-.036 1.224-.149 1.623l-.078.247a4 4 0 0 1-2.686 2.518l-.206.049c-.357.072-.785.093-1.416.099h-.82l.482 1.8h1.977a.9.9 0 0 1 0 1.8h-10.2a.9.9 0 0 1 0-1.8h1.971l.481-1.8c-1.11 0-1.74 0-2.233-.1l-.206-.048a4 4 0 0 1-2.687-2.518l-.078-.247c-.15-.532-.15-1.184-.15-2.485 0-1.138 0-1.78.1-2.278l.05-.206A4 4 0 0 1 6.67 6.828l.248-.078c.532-.15 1.183-.15 2.484-.15h5.202zM10.74 19.196h2.523l-.482-1.798h-1.56zM9.402 8.4c-1.423 0-1.763.018-1.996.083a2.2 2.2 0 0 0-1.52 1.52c-.066.233-.083.575-.083 1.997s.017 1.764.083 1.996a2.2 2.2 0 0 0 1.52 1.52c.233.066.573.084 1.996.084h5.202c1.422 0 1.763-.018 1.996-.083a2.2 2.2 0 0 0 1.52-1.52c.066-.233.083-.575.083-1.997s-.017-1.764-.083-1.996a2.2 2.2 0 0 0-1.52-1.52c-.233-.066-.573-.084-1.997-.084z",
|
|
18
|
+
clipRule: "evenodd"
|
|
19
|
+
}),
|
|
20
|
+
/*#__PURE__*/ _jsx("path", {
|
|
21
|
+
d: "M15.196 2.997c.997 0 1.805.809 1.805 1.806H6.999c0-.997.808-1.806 1.805-1.806z"
|
|
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 Icon24ExpandRectangleVerticalOutlineProps = SvgIconProps;
|
|
4
|
+
export declare const Icon24ExpandRectangleVerticalOutline: React.FC<Icon24ExpandRectangleVerticalOutlineProps> & {
|
|
5
|
+
};
|
|
@@ -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 Icon24ExpandRectangleVerticalOutline = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: 24,
|
|
8
|
+
height: 24,
|
|
9
|
+
vkuiIconId: "expand_rectangle_vertical_outline_24",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: [
|
|
15
|
+
/*#__PURE__*/ _jsx("path", {
|
|
16
|
+
d: "M8.5 14a1 1 0 0 1 1 1v1.5H11a1 1 0 1 1 0 2H8.5a1 1 0 0 1-1-1V15a1 1 0 0 1 1-1m7-8.5a1 1 0 0 1 1 1V9a1 1 0 1 1-2 0V7.5H13a1 1 0 1 1 0-2z"
|
|
17
|
+
}),
|
|
18
|
+
/*#__PURE__*/ _jsx("path", {
|
|
19
|
+
fillRule: "evenodd",
|
|
20
|
+
d: "M13.5 2c.965 0 1.743 0 2.372.05.639.053 1.204.164 1.726.43a4.4 4.4 0 0 1 1.922 1.923c.266.522.378 1.086.43 1.725.052.629.05 1.407.05 2.372v7c0 .965.002 1.744-.05 2.372-.052.64-.163 1.203-.43 1.726a4.4 4.4 0 0 1-1.922 1.922c-.523.267-1.087.378-1.726.43-.629.052-1.407.05-2.372.05h-3c-.965 0-1.743.002-2.372-.05-.639-.052-1.203-.164-1.725-.43a4.4 4.4 0 0 1-1.924-1.922c-.265-.522-.376-1.087-.428-1.726C3.999 17.243 4 16.465 4 15.5v-7c0-.965 0-1.743.05-2.372.053-.639.164-1.203.43-1.725A4.4 4.4 0 0 1 6.402 2.48c.522-.265 1.086-.376 1.725-.428C8.757 1.999 9.535 2 10.5 2zm-3 1.8c-.995 0-1.687 0-2.226.045-.527.043-.828.124-1.054.239A2.6 2.6 0 0 0 6.084 5.22c-.115.226-.196.527-.24 1.054-.043.539-.043 1.231-.043 2.226v7c0 .994 0 1.687.044 2.226.043.527.124.829.239 1.055.25.489.647.887 1.136 1.136.226.115.527.195 1.054.238.539.044 1.232.045 2.226.045h3c.995 0 1.687 0 2.226-.045.527-.043.829-.123 1.055-.238.489-.25.887-.647 1.136-1.136.115-.226.195-.528.238-1.055.044-.539.045-1.231.045-2.226v-7c0-.994 0-1.687-.045-2.226-.043-.527-.123-.828-.238-1.054a2.6 2.6 0 0 0-1.136-1.136c-.226-.115-.528-.196-1.055-.24-.539-.043-1.232-.043-2.226-.043z",
|
|
21
|
+
clipRule: "evenodd"
|
|
22
|
+
})
|
|
23
|
+
]
|
|
24
|
+
});
|
|
25
|
+
};
|
|
@@ -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 Icon24RectangleTextOutline = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: 24,
|
|
8
|
+
height: 24,
|
|
9
|
+
vkuiIconId: "rectangle_text_outline_24",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: [
|
|
15
|
+
/*#__PURE__*/ _jsx("path", {
|
|
16
|
+
d: "M12 20.001a1 1 0 1 1 0 2H6a1 1 0 0 1 0-2zm5-3.582a1 1 0 0 1 0 2H6a1 1 0 1 1 0-2z"
|
|
17
|
+
}),
|
|
18
|
+
/*#__PURE__*/ _jsx("path", {
|
|
19
|
+
fillRule: "evenodd",
|
|
20
|
+
d: "M13.6 2c.92 0 1.66 0 2.26.047.609.047 1.147.148 1.65.39a4.4 4.4 0 0 1 2.054 2.054c.242.503.343 1.041.39 1.65.047.6.046 1.34.046 2.26 0 .918 0 1.659-.046 2.258-.047.61-.148 1.148-.39 1.65a4.4 4.4 0 0 1-2.054 2.055c-.503.242-1.041.342-1.65.39-.6.047-1.34.047-2.26.047h-3.2c-.918 0-1.659 0-2.258-.047-.61-.047-1.148-.148-1.65-.39a4.4 4.4 0 0 1-2.055-2.054c-.242-.503-.343-1.042-.39-1.65C4 10.06 4 9.318 4 8.4s0-1.659.047-2.258c.047-.61.148-1.148.39-1.65A4.4 4.4 0 0 1 6.49 2.436c.503-.242 1.041-.343 1.65-.39C8.742 2 9.482 2 10.402 2zm-3.2 1.8c-.947 0-1.605 0-2.119.04-.503.04-.791.113-1.009.218a2.6 2.6 0 0 0-1.214 1.214c-.105.218-.178.506-.217 1.01-.04.513-.04 1.172-.04 2.118 0 .947 0 1.606.04 2.12.039.503.112.791.217 1.008.255.531.684.96 1.214 1.215.218.105.506.178 1.01.217.513.04 1.171.04 2.118.04h3.2c.948 0 1.606 0 2.12-.04.503-.04.791-.112 1.008-.217.531-.255.96-.684 1.215-1.215.105-.217.178-.505.217-1.008.04-.514.04-1.173.04-2.12 0-.946 0-1.605-.04-2.119-.039-.503-.112-.791-.217-1.009a2.6 2.6 0 0 0-1.215-1.214c-.217-.105-.505-.178-1.008-.217-.514-.04-1.173-.04-2.12-.04z",
|
|
21
|
+
clipRule: "evenodd"
|
|
22
|
+
})
|
|
23
|
+
]
|
|
24
|
+
});
|
|
25
|
+
};
|
|
@@ -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 Icon24ScissorsOutline = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: 24,
|
|
8
|
+
height: 24,
|
|
9
|
+
vkuiIconId: "scissors_outline_24",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
fillRule: "evenodd",
|
|
16
|
+
d: "M17.999 3.385a3.473 3.473 0 1 1-.914 6.821L14.143 12l2.942 1.793q.438-.121.914-.122a3.472 3.472 0 1 1-2.58 1.148l-2.99-1.105-7.682 3.742a1.68 1.68 0 0 1-2.126-.453c-.093-.12-.047-.316.085-.392l1.661-.994L10.715 12 4.37 8.383l-1.66-.994c-.132-.077-.177-.271-.084-.392a1.68 1.68 0 0 1 2.126-.453l7.679 3.742 2.99-1.106A3.473 3.473 0 0 1 18 3.385m0 12.087a1.67 1.67 0 1 0 0 3.341 1.67 1.67 0 0 0 0-3.341m0-10.285a1.67 1.67 0 1 0 0 3.341 1.67 1.67 0 0 0 0-3.341",
|
|
17
|
+
clipRule: "evenodd"
|
|
18
|
+
})
|
|
19
|
+
});
|
|
20
|
+
};
|
|
@@ -21,7 +21,7 @@ export const Icon24StarCircleFillYellow = (props)=>{
|
|
|
21
21
|
cx: "12",
|
|
22
22
|
cy: "12",
|
|
23
23
|
r: "12",
|
|
24
|
-
fill:
|
|
24
|
+
fill: "#ffa000"
|
|
25
25
|
}),
|
|
26
26
|
/*#__PURE__*/ _jsx("path", {
|
|
27
27
|
fill: "#fff",
|
|
@@ -29,33 +29,14 @@ export const Icon24StarCircleFillYellow = (props)=>{
|
|
|
29
29
|
})
|
|
30
30
|
]
|
|
31
31
|
}),
|
|
32
|
-
/*#__PURE__*/
|
|
33
|
-
children:
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
y1: "12",
|
|
39
|
-
y2: "36",
|
|
40
|
-
gradientUnits: "userSpaceOnUse",
|
|
41
|
-
children: [
|
|
42
|
-
/*#__PURE__*/ _jsx("stop", {
|
|
43
|
-
stopColor: "#ffb73d"
|
|
44
|
-
}),
|
|
45
|
-
/*#__PURE__*/ _jsx("stop", {
|
|
46
|
-
offset: "1",
|
|
47
|
-
stopColor: "#ffa000"
|
|
48
|
-
})
|
|
49
|
-
]
|
|
50
|
-
}),
|
|
51
|
-
/*#__PURE__*/ _jsx("clipPath", {
|
|
52
|
-
id: `star_circle_fill_yellow_24${reactId}a`,
|
|
53
|
-
children: /*#__PURE__*/ _jsx("path", {
|
|
54
|
-
fill: "#fff",
|
|
55
|
-
d: "M0 0h24v24H0z"
|
|
56
|
-
})
|
|
32
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
33
|
+
children: /*#__PURE__*/ _jsx("clipPath", {
|
|
34
|
+
id: `star_circle_fill_yellow_24${reactId}a`,
|
|
35
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
36
|
+
fill: "#fff",
|
|
37
|
+
d: "M0 0h24v24H0z"
|
|
57
38
|
})
|
|
58
|
-
|
|
39
|
+
})
|
|
59
40
|
})
|
|
60
41
|
]
|
|
61
42
|
});
|
|
@@ -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 Icon24TruckOutline = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: 24,
|
|
8
|
+
height: 24,
|
|
9
|
+
vkuiIconId: "truck_outline_24",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
15
|
+
fillRule: "evenodd",
|
|
16
|
+
d: "M10.87 4.016c.462 0 .863 0 1.192.026.34.028.682.09 1.013.258a2.6 2.6 0 0 1 1.137 1.138c.168.33.23.672.258 1.012.018.222.023.476.024.76h1.165c.374 0 .709-.006 1.033.071.265.064.519.17.752.312.284.174.516.414.78.679l3.192 3.192c.265.264.505.496.68.78.142.233.247.488.31.753.078.324.073.658.073 1.031v2.297c0 .224 0 .447-.015.634a1.8 1.8 0 0 1-.176.673c-.168.33-.436.599-.765.767-.24.121-.476.16-.674.175q-.045.003-.09.003a3.295 3.295 0 0 1-6.34.012h-4.15a3.695 3.695 0 0 1-7.044-.41 3.3 3.3 0 0 1-1.705-2.885v-3.562c0-1.177 0-2.115.061-2.87.063-.767.194-1.424.501-2.028a5.16 5.16 0 0 1 2.256-2.256c.604-.307 1.262-.438 2.028-.5.755-.062 1.693-.062 2.87-.062zm-4.06 11.38a1.893 1.893 0 1 0 0 3.787 1.893 1.893 0 0 0 0-3.786m10.777.799a1.494 1.494 0 1 0 0 2.988 1.494 1.494 0 0 0 0-2.988M9.237 5.817c-1.208 0-2.06 0-2.725.054-.655.054-1.049.155-1.356.312a3.36 3.36 0 0 0-1.47 1.468c-.156.308-.257.702-.31 1.357-.055.665-.055 1.517-.055 2.725v3.561c0 .187.035.365.097.53a3.696 3.696 0 0 1 7.052.965h2.226V7.337a10 10 0 0 0-.02-.74c-.019-.229-.05-.308-.067-.342a.8.8 0 0 0-.352-.352c-.034-.017-.114-.048-.342-.067-.239-.02-.554-.02-1.045-.02zm5.26 10.728a3.297 3.297 0 0 1 6.178-.007l.004-.213v-2.297c0-.459-.006-.542-.022-.61a.8.8 0 0 0-.096-.233c-.037-.06-.093-.123-.417-.448l-3.192-3.193c-.325-.325-.389-.38-.449-.416a.8.8 0 0 0-.232-.097c-.069-.016-.153-.021-.612-.021h-1.163z",
|
|
17
|
+
clipRule: "evenodd"
|
|
18
|
+
})
|
|
19
|
+
});
|
|
20
|
+
};
|
package/dist/24/tv_24.js
ADDED
|
@@ -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 Icon24Tv = (props)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: 24,
|
|
8
|
+
height: 24,
|
|
9
|
+
vkuiIconId: "tv_24",
|
|
10
|
+
vkuiAttrs: {
|
|
11
|
+
"fill": "currentColor"
|
|
12
|
+
},
|
|
13
|
+
vkuiProps: props,
|
|
14
|
+
children: [
|
|
15
|
+
/*#__PURE__*/ _jsx("path", {
|
|
16
|
+
d: "M16.99 7.6c.434.002.65.002.864.11a1.1 1.1 0 0 1 .435.436c.109.213.109.43.11.863l.001.59v3.387c-.002.434-.002.65-.11.864a1.1 1.1 0 0 1-.436.435c-.213.109-.43.109-.864.11l-.59.002H7.6q-.325 0-.591-.002c-.433 0-.65-.001-.863-.11a1.1 1.1 0 0 1-.435-.435c-.109-.213-.11-.43-.11-.864l-.001-.59V9.01c.002-.433.002-.65.11-.863.088-.17.267-.348.436-.435.213-.109.43-.11.863-.11l.59-.001h9.391"
|
|
17
|
+
}),
|
|
18
|
+
/*#__PURE__*/ _jsx("path", {
|
|
19
|
+
fillRule: "evenodd",
|
|
20
|
+
d: "M17.698 4.006c1.138.018 1.83.09 2.39.376a3.5 3.5 0 0 1 1.53 1.53C22 6.66 22 7.64 22 9.6v2.8l-.006 1.298c-.018 1.138-.09 1.83-.376 2.39a3.5 3.5 0 0 1-1.53 1.53c-.56.286-1.252.358-2.39.376L16.4 18h-.8l1.304 1.63a.84.84 0 0 1-.655 1.365H7.746a.84.84 0 0 1-.656-1.364L8.396 18H7.6c-1.838 0-2.814 0-3.545-.314l-.144-.068a3.5 3.5 0 0 1-1.394-1.288l-.135-.241c-.286-.562-.358-1.253-.376-2.39L2 12.4V9.6c0-1.838 0-2.814.314-3.545l.068-.144A3.5 3.5 0 0 1 3.67 4.517l.241-.135C4.66 4 5.64 4 7.6 4h8.8zM7.6 5.8c-1.01 0-1.66.001-2.153.042-.471.038-.64.103-.718.143a1.7 1.7 0 0 0-.744.744c-.04.078-.106.247-.144.72C3.8 7.94 3.8 8.59 3.8 9.598V12.4c0 1.01 0 1.66.04 2.153.04.472.105.641.145.72a1.7 1.7 0 0 0 .744.742c.078.04.247.106.718.144.494.04 1.143.041 2.153.041h8.8c1.01 0 1.66 0 2.153-.04.471-.04.64-.105.718-.145a1.7 1.7 0 0 0 .744-.742c.04-.079.106-.248.144-.72.04-.494.041-1.143.041-2.153V9.6c0-1.01 0-1.659-.04-2.152-.04-.472-.105-.641-.145-.72a1.7 1.7 0 0 0-.744-.743c-.078-.04-.247-.105-.718-.143-.494-.04-1.143-.042-2.153-.042z",
|
|
21
|
+
clipRule: "evenodd"
|
|
22
|
+
})
|
|
23
|
+
]
|
|
24
|
+
});
|
|
25
|
+
};
|
|
@@ -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 Icon28ClockCircleFillRed = (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: "clock_circle_fill_red_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(#clock_circle_fill_red_28${reactId}a)`
|
|
22
|
+
}),
|
|
23
|
+
/*#__PURE__*/ _jsx("path", {
|
|
24
|
+
fill: "#fff",
|
|
25
|
+
d: "M14 7a7 7 0 1 1 0 14 7 7 0 0 1 0-14m0 3a.9.9 0 0 0-.9.9V14a.9.9 0 0 0 .08.37l.025.053.012.021.013.022a1 1 0 0 0 .112.148l.01.011 2.012 2.011.092.08a.9.9 0 0 0 1.18-.08l.08-.092a.9.9 0 0 0-.08-1.18L14.9 13.626V10.9a.9.9 0 0 0-.9-.9"
|
|
26
|
+
}),
|
|
27
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
28
|
+
children: /*#__PURE__*/ _jsxs("linearGradient", {
|
|
29
|
+
id: `clock_circle_fill_red_28${reactId}a`,
|
|
30
|
+
x1: "0",
|
|
31
|
+
x2: "28.733",
|
|
32
|
+
y1: "0",
|
|
33
|
+
y2: ".773",
|
|
34
|
+
gradientUnits: "userSpaceOnUse",
|
|
35
|
+
children: [
|
|
36
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
37
|
+
stopColor: "#ff5263"
|
|
38
|
+
}),
|
|
39
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
40
|
+
offset: "1",
|
|
41
|
+
stopColor: "#ff3347"
|
|
42
|
+
})
|
|
43
|
+
]
|
|
44
|
+
})
|
|
45
|
+
})
|
|
46
|
+
]
|
|
47
|
+
});
|
|
48
|
+
};
|
|
@@ -14,31 +14,28 @@ export const Icon32DonutCircleFillYellow = (props)=>{
|
|
|
14
14
|
},
|
|
15
15
|
vkuiProps: props,
|
|
16
16
|
children: [
|
|
17
|
-
/*#__PURE__*/
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
17
|
+
/*#__PURE__*/ _jsxs("g", {
|
|
18
|
+
clipPath: `url(#donut_circle_fill_yellow_32${reactId}a)`,
|
|
19
|
+
children: [
|
|
20
|
+
/*#__PURE__*/ _jsx("circle", {
|
|
21
|
+
cx: "16",
|
|
22
|
+
cy: "16",
|
|
23
|
+
r: "16",
|
|
24
|
+
fill: "#ffa000"
|
|
25
|
+
}),
|
|
26
|
+
/*#__PURE__*/ _jsx("path", {
|
|
27
|
+
fill: "#fff",
|
|
28
|
+
d: "m19.344 12.485 4.429.425c1.541.148 2.014 1.653.824 2.643l-3.468 2.882 1.287 4.695c.423 1.542-.889 2.475-2.202 1.547L16 21.701l-4.214 2.976c-1.308.925-2.625-.005-2.202-1.547l1.287-4.695-3.468-2.882c-1.195-.994-.724-2.495.824-2.643l4.429-.425 1.95-4.499c.612-1.408 2.177-1.408 2.787 0z"
|
|
29
|
+
})
|
|
30
|
+
]
|
|
24
31
|
}),
|
|
25
32
|
/*#__PURE__*/ _jsx("defs", {
|
|
26
|
-
children: /*#__PURE__*/
|
|
33
|
+
children: /*#__PURE__*/ _jsx("clipPath", {
|
|
27
34
|
id: `donut_circle_fill_yellow_32${reactId}a`,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
gradientUnits: "userSpaceOnUse",
|
|
33
|
-
children: [
|
|
34
|
-
/*#__PURE__*/ _jsx("stop", {
|
|
35
|
-
stopColor: "#ffb73d"
|
|
36
|
-
}),
|
|
37
|
-
/*#__PURE__*/ _jsx("stop", {
|
|
38
|
-
offset: "1",
|
|
39
|
-
stopColor: "#ffa000"
|
|
40
|
-
})
|
|
41
|
-
]
|
|
35
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
36
|
+
fill: "#fff",
|
|
37
|
+
d: "M0 0h32v32H0z"
|
|
38
|
+
})
|
|
42
39
|
})
|
|
43
40
|
})
|
|
44
41
|
]
|