@vkontakte/icons 3.68.0 → 3.70.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/16_circle_outline_20.d.ts +7 -0
- package/dist/20/16_circle_outline_20.js +27 -0
- package/dist/24/bookmark_circle_fill_gray_24.d.ts +7 -0
- package/dist/24/bookmark_circle_fill_gray_24.js +64 -0
- package/dist/24/bookmark_circle_outline_gray_24.d.ts +7 -0
- package/dist/24/bookmark_circle_outline_gray_24.js +66 -0
- package/dist/28/16_circle_outline_28.d.ts +7 -0
- package/dist/28/16_circle_outline_28.js +27 -0
- package/dist/icons-map.json +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.js +4 -0
- package/dist/typings/20/16_circle_outline_20.d.ts +7 -0
- package/dist/typings/24/bookmark_circle_fill_gray_24.d.ts +7 -0
- package/dist/typings/24/bookmark_circle_outline_gray_24.d.ts +7 -0
- package/dist/typings/28/16_circle_outline_28.d.ts +7 -0
- package/dist/typings/index.d.ts +4 -0
- package/package.json +1 -1
- package/src/svg/20/16_circle_outline_20.svg +1 -0
- package/src/svg/24/bookmark_circle_fill_gray_24.svg +1 -0
- package/src/svg/24/bookmark_circle_outline_gray_24.svg +1 -0
- package/src/svg/28/16_circle_outline_28.svg +1 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
|
+
export type Icon2016CircleOutlineProps = SvgIconProps;
|
|
4
|
+
/**
|
|
5
|
+
* 
|
|
6
|
+
*/ export declare const Icon2016CircleOutline: React.FC<Icon2016CircleOutlineProps> & {
|
|
7
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
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
|
+
/**
|
|
5
|
+
* 
|
|
6
|
+
*/ export const Icon2016CircleOutline = (props)=>{
|
|
7
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
8
|
+
viewBox: "0 0 20 20",
|
|
9
|
+
width: 20,
|
|
10
|
+
height: 20,
|
|
11
|
+
vkuiIconId: "16_circle_outline_20",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "currentColor"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsx("path", {
|
|
18
|
+
fillRule: "evenodd",
|
|
19
|
+
d: "M10 18.5a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17m7-8.5a7 7 0 1 1-14 0 7 7 0 0 1 14 0",
|
|
20
|
+
clipRule: "evenodd"
|
|
21
|
+
}),
|
|
22
|
+
/*#__PURE__*/ _jsx("path", {
|
|
23
|
+
d: "M6.773 12.631c0 .553.293.869.816.869.518 0 .812-.311.812-.869V7.492c0-.602-.389-.992-.971-.992-.334 0-.687.114-1.076.36l-.811.538c-.294.183-.443.4-.443.642 0 .326.239.563.567.563.165 0 .304-.05.563-.212l.523-.35h.02zm2.644-2.591c0 1.056.234 1.92.682 2.507.473.627 1.19.953 2.071.953 1.524 0 2.555-.958 2.555-2.394 0-1.279-.867-2.172-2.112-2.172-.732 0-1.379.385-1.618.962h-.045c.005-1.387.468-2.142 1.355-2.142.338 0 .607.104.94.355.27.193.434.257.648.257.364 0 .617-.237.617-.578 0-.29-.219-.612-.582-.854-.423-.281-1-.434-1.633-.434-1.838 0-2.878 1.279-2.878 3.54m1.717 1.125c0-.622.429-1.071 1.026-1.071.603 0 1.016.44 1.016 1.076 0 .647-.413 1.086-1 1.086-.603 0-1.042-.45-1.042-1.091"
|
|
24
|
+
})
|
|
25
|
+
]
|
|
26
|
+
});
|
|
27
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
|
+
export type Icon24BookmarkCircleFillGrayProps = SvgIconProps;
|
|
4
|
+
/**
|
|
5
|
+
* 
|
|
6
|
+
*/ export declare const Icon24BookmarkCircleFillGray: React.FC<Icon24BookmarkCircleFillGrayProps> & {
|
|
7
|
+
};
|
|
@@ -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
|
+
/**
|
|
6
|
+
* 
|
|
7
|
+
*/ export const Icon24BookmarkCircleFillGray = (props)=>{
|
|
8
|
+
const reactId = React.useId();
|
|
9
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
10
|
+
viewBox: "0 0 24 24",
|
|
11
|
+
width: 24,
|
|
12
|
+
height: 24,
|
|
13
|
+
vkuiIconId: "bookmark_circle_fill_gray_24",
|
|
14
|
+
vkuiAttrs: {
|
|
15
|
+
"fill": "none"
|
|
16
|
+
},
|
|
17
|
+
vkuiProps: props,
|
|
18
|
+
children: [
|
|
19
|
+
/*#__PURE__*/ _jsxs("g", {
|
|
20
|
+
clipPath: `url(#bookmark_circle_fill_gray_24${reactId}a)`,
|
|
21
|
+
children: [
|
|
22
|
+
/*#__PURE__*/ _jsx("circle", {
|
|
23
|
+
cx: "12",
|
|
24
|
+
cy: "12",
|
|
25
|
+
r: "12",
|
|
26
|
+
fill: `url(#bookmark_circle_fill_gray_24${reactId}b)`
|
|
27
|
+
}),
|
|
28
|
+
/*#__PURE__*/ _jsx("path", {
|
|
29
|
+
fill: "#fff",
|
|
30
|
+
d: "M12.5 6c.692 0 1.24 0 1.683.036.447.037.83.113 1.18.291a3 3 0 0 1 1.31 1.31c.178.35.254.733.29 1.18C17 9.26 17 9.808 17 10.5v4.769c0 .515 0 .937-.03 1.262-.028.317-.091.642-.294.899a1.5 1.5 0 0 1-1.165.568c-.327.002-.623-.148-.89-.32-.274-.177-.607-.437-1.014-.754l-.93-.727c-.389-.303-.473-.357-.546-.377a.5.5 0 0 0-.262 0c-.073.02-.157.074-.546.377l-.93.727c-.407.317-.74.577-1.014.754-.267.172-.562.322-.89.32a1.5 1.5 0 0 1-1.165-.568c-.203-.257-.266-.582-.295-.899C7 16.206 7 15.784 7 15.27V10.5c0-.692 0-1.24.036-1.683.037-.447.113-.83.291-1.18a3 3 0 0 1 1.31-1.31c.35-.178.733-.254 1.18-.29C10.26 6 10.808 6 11.5 6z"
|
|
31
|
+
})
|
|
32
|
+
]
|
|
33
|
+
}),
|
|
34
|
+
/*#__PURE__*/ _jsxs("defs", {
|
|
35
|
+
children: [
|
|
36
|
+
/*#__PURE__*/ _jsxs("linearGradient", {
|
|
37
|
+
id: `bookmark_circle_fill_gray_24${reactId}b`,
|
|
38
|
+
x1: "-12",
|
|
39
|
+
x2: "12",
|
|
40
|
+
y1: "12",
|
|
41
|
+
y2: "36",
|
|
42
|
+
gradientUnits: "userSpaceOnUse",
|
|
43
|
+
children: [
|
|
44
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
45
|
+
stopColor: "#b1b6bd"
|
|
46
|
+
}),
|
|
47
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
48
|
+
offset: "1",
|
|
49
|
+
stopColor: "#99a2ad"
|
|
50
|
+
})
|
|
51
|
+
]
|
|
52
|
+
}),
|
|
53
|
+
/*#__PURE__*/ _jsx("clipPath", {
|
|
54
|
+
id: `bookmark_circle_fill_gray_24${reactId}a`,
|
|
55
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
56
|
+
fill: "#fff",
|
|
57
|
+
d: "M0 0h24v24H0z"
|
|
58
|
+
})
|
|
59
|
+
})
|
|
60
|
+
]
|
|
61
|
+
})
|
|
62
|
+
]
|
|
63
|
+
});
|
|
64
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
|
+
export type Icon24BookmarkCircleOutlineGrayProps = SvgIconProps;
|
|
4
|
+
/**
|
|
5
|
+
* 
|
|
6
|
+
*/ export declare const Icon24BookmarkCircleOutlineGray: React.FC<Icon24BookmarkCircleOutlineGrayProps> & {
|
|
7
|
+
};
|
|
@@ -0,0 +1,66 @@
|
|
|
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
|
+
/**
|
|
6
|
+
* 
|
|
7
|
+
*/ export const Icon24BookmarkCircleOutlineGray = (props)=>{
|
|
8
|
+
const reactId = React.useId();
|
|
9
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
10
|
+
viewBox: "0 0 24 24",
|
|
11
|
+
width: 24,
|
|
12
|
+
height: 24,
|
|
13
|
+
vkuiIconId: "bookmark_circle_outline_gray_24",
|
|
14
|
+
vkuiAttrs: {
|
|
15
|
+
"fill": "none"
|
|
16
|
+
},
|
|
17
|
+
vkuiProps: props,
|
|
18
|
+
children: [
|
|
19
|
+
/*#__PURE__*/ _jsxs("g", {
|
|
20
|
+
clipPath: `url(#bookmark_circle_outline_gray_24${reactId}a)`,
|
|
21
|
+
children: [
|
|
22
|
+
/*#__PURE__*/ _jsx("circle", {
|
|
23
|
+
cx: "12",
|
|
24
|
+
cy: "12",
|
|
25
|
+
r: "12",
|
|
26
|
+
fill: `url(#bookmark_circle_outline_gray_24${reactId}b)`
|
|
27
|
+
}),
|
|
28
|
+
/*#__PURE__*/ _jsx("path", {
|
|
29
|
+
fill: "#fff",
|
|
30
|
+
fillRule: "evenodd",
|
|
31
|
+
d: "M11.478 6h1.044c.681 0 1.223 0 1.66.036.448.036.83.113 1.18.291a3 3 0 0 1 1.311 1.311c.178.35.255.731.291 1.18.036.437.036.979.036 1.66v4.816c0 .504 0 .917-.03 1.237-.028.317-.091.642-.294.898a1.5 1.5 0 0 1-1.165.569c-.327.002-.623-.148-.89-.32-.27-.174-.596-.428-.993-.739l-.951-.742c-.389-.303-.473-.357-.546-.377a.5.5 0 0 0-.262 0c-.073.02-.157.074-.546.377l-.95.742c-.398.31-.724.565-.994.739-.267.172-.563.322-.89.32a1.5 1.5 0 0 1-1.165-.569c-.203-.256-.266-.581-.295-.898C7 16.21 7 15.798 7 15.294v-4.816c0-.681 0-1.223.036-1.66.036-.449.113-.83.291-1.18a3 3 0 0 1 1.311-1.311c.35-.178.731-.255 1.18-.291C10.254 6 10.796 6 11.477 6m-1.58 1.032c-.385.032-.62.092-.806.186a2 2 0 0 0-.874.874c-.094.185-.154.42-.186.807C8 9.29 8 9.792 8 10.5v4.768c0 .536 0 .903.025 1.172.025.278.07.352.083.368a.5.5 0 0 0 .388.19c.021 0 .107-.01.342-.161.227-.146.516-.372.939-.702l.93-.726.063-.049c.289-.226.542-.425.837-.505.257-.07.529-.07.786 0 .295.08.548.279.837.505l.062.049.931.726c.423.33.712.556.94.702.234.15.32.16.34.16a.5.5 0 0 0 .389-.189c.013-.016.058-.09.083-.368.024-.269.025-.636.025-1.172V10.5c0-.708 0-1.21-.032-1.601-.032-.386-.092-.622-.186-.807a2 2 0 0 0-.874-.874c-.185-.094-.42-.154-.807-.186C13.71 7 13.208 7 12.5 7h-1c-.708 0-1.21 0-1.601.032",
|
|
32
|
+
clipRule: "evenodd"
|
|
33
|
+
})
|
|
34
|
+
]
|
|
35
|
+
}),
|
|
36
|
+
/*#__PURE__*/ _jsxs("defs", {
|
|
37
|
+
children: [
|
|
38
|
+
/*#__PURE__*/ _jsxs("linearGradient", {
|
|
39
|
+
id: `bookmark_circle_outline_gray_24${reactId}b`,
|
|
40
|
+
x1: "-12",
|
|
41
|
+
x2: "12",
|
|
42
|
+
y1: "12",
|
|
43
|
+
y2: "36",
|
|
44
|
+
gradientUnits: "userSpaceOnUse",
|
|
45
|
+
children: [
|
|
46
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
47
|
+
stopColor: "#b1b6bd"
|
|
48
|
+
}),
|
|
49
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
50
|
+
offset: "1",
|
|
51
|
+
stopColor: "#99a2ad"
|
|
52
|
+
})
|
|
53
|
+
]
|
|
54
|
+
}),
|
|
55
|
+
/*#__PURE__*/ _jsx("clipPath", {
|
|
56
|
+
id: `bookmark_circle_outline_gray_24${reactId}a`,
|
|
57
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
58
|
+
fill: "#fff",
|
|
59
|
+
d: "M0 0h24v24H0z"
|
|
60
|
+
})
|
|
61
|
+
})
|
|
62
|
+
]
|
|
63
|
+
})
|
|
64
|
+
]
|
|
65
|
+
});
|
|
66
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
|
+
export type Icon2816CircleOutlineProps = SvgIconProps;
|
|
4
|
+
/**
|
|
5
|
+
* 
|
|
6
|
+
*/ export declare const Icon2816CircleOutline: React.FC<Icon2816CircleOutlineProps> & {
|
|
7
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
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
|
+
/**
|
|
5
|
+
* 
|
|
6
|
+
*/ export const Icon2816CircleOutline = (props)=>{
|
|
7
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
8
|
+
viewBox: "0 0 28 28",
|
|
9
|
+
width: 28,
|
|
10
|
+
height: 28,
|
|
11
|
+
vkuiIconId: "16_circle_outline_28",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "currentColor"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsx("path", {
|
|
18
|
+
fillRule: "evenodd",
|
|
19
|
+
d: "M14 4C8.477 4 4 8.477 4 14s4.477 10 10 10 10-4.477 10-10S19.523 4 14 4M2 14C2 7.373 7.373 2 14 2s12 5.373 12 12-5.373 12-12 12S2 20.627 2 14",
|
|
20
|
+
clipRule: "evenodd"
|
|
21
|
+
}),
|
|
22
|
+
/*#__PURE__*/ _jsx("path", {
|
|
23
|
+
d: "M13.14 14.052c0 1.373.303 2.496.886 3.26.615.815 1.547 1.238 2.693 1.238 1.98 0 3.32-1.245 3.32-3.112 0-1.662-1.126-2.824-2.744-2.824-.952 0-1.793.5-2.104 1.251h-.058c.006-1.803.608-2.785 1.76-2.785.44 0 .79.135 1.224.462.35.25.563.334.841.334.473 0 .803-.308.803-.75 0-.38-.285-.797-.757-1.111-.55-.366-1.301-.565-2.123-.565-2.39 0-3.742 1.662-3.742 4.602m2.232 1.463c0-.809.557-1.393 1.334-1.393.783 0 1.32.571 1.32 1.4 0 .84-.537 1.411-1.3 1.411-.784 0-1.354-.584-1.354-1.418m-4.526 2.982c.662 0 1.105-.429 1.105-1.093v-6.665c0-.762-.467-1.239-1.269-1.239-.437 0-.813.048-1.281.363l-1.658 1.124c-.315.217-.443.465-.443.785 0 .447.322.767.753.767.213 0 .346-.048.547-.187l1.092-.755h.043v5.807c0 .664.45 1.093 1.111 1.093"
|
|
24
|
+
})
|
|
25
|
+
]
|
|
26
|
+
});
|
|
27
|
+
};
|