@vkontakte/icons 3.65.0 → 3.66.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/sticker_smile_outline_12.d.ts +7 -0
- package/dist/12/sticker_smile_outline_12.js +27 -0
- package/dist/20/flash_circle_fill_green_20.d.ts +7 -0
- package/dist/20/flash_circle_fill_green_20.js +64 -0
- package/dist/24/flash_circle_fill_green_24.d.ts +7 -0
- package/dist/24/flash_circle_fill_green_24.js +50 -0
- package/dist/48/music_48.d.ts +7 -0
- package/dist/48/music_48.js +20 -0
- package/dist/icons-map.json +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.js +4 -0
- package/dist/typings/12/sticker_smile_outline_12.d.ts +7 -0
- package/dist/typings/20/flash_circle_fill_green_20.d.ts +7 -0
- package/dist/typings/24/flash_circle_fill_green_24.d.ts +7 -0
- package/dist/typings/48/music_48.d.ts +7 -0
- package/dist/typings/index.d.ts +4 -0
- package/package.json +3 -3
- package/src/svg/12/sticker_smile_outline_12.svg +1 -0
- package/src/svg/20/flash_circle_fill_green_20.svg +1 -0
- package/src/svg/24/flash_circle_fill_green_24.svg +1 -0
- package/src/svg/48/music_48.svg +1 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
|
+
export type Icon12StickerSmileOutlineProps = SvgIconProps;
|
|
4
|
+
/**
|
|
5
|
+
* 
|
|
6
|
+
*/ export declare const Icon12StickerSmileOutline: React.FC<Icon12StickerSmileOutlineProps> & {
|
|
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 Icon12StickerSmileOutline = (props)=>{
|
|
7
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
8
|
+
viewBox: "0 0 12 12",
|
|
9
|
+
width: 12,
|
|
10
|
+
height: 12,
|
|
11
|
+
vkuiIconId: "sticker_smile_outline_12",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "currentColor"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsx("path", {
|
|
18
|
+
d: "M4.508 4.44c.414 0 .748.335.747.75a.754.754 0 0 1-.753.75.746.746 0 0 1-.747-.75.754.754 0 0 1 .753-.75m3.122-.568c.414 0 .749.336.747.75a.754.754 0 0 1-.754.75.746.746 0 0 1-.746-.75.754.754 0 0 1 .753-.75"
|
|
19
|
+
}),
|
|
20
|
+
/*#__PURE__*/ _jsx("path", {
|
|
21
|
+
fillRule: "evenodd",
|
|
22
|
+
d: "M8.35.613a2.91 2.91 0 0 1 2.62 1.979c.093.275.134.601.199 1.072l.002.02h.003l.14.94q.02.143.017.282c.046.415.068.744.053 1.05a5.78 5.78 0 0 1-3.908 5.175c-.445.15-.967.235-1.773.35l-.416.074-.003-.014-.072.01-.097.014c-.508.072-.858.125-1.172.105a2.91 2.91 0 0 1-2.56-1.934c-.105-.296-.152-.649-.222-1.157L.798 5.948C.712 5.329.642 4.827.619 4.415c-.023-.42-.003-.803.125-1.174a2.93 2.93 0 0 1 1.089-1.442c.322-.226.685-.35 1.095-.442.402-.09.905-.16 1.524-.248L7.265.714C7.735.647 8.06.599 8.35.613m-.065 1.3c-.137-.007-.313.015-.843.09l-2.812.395c-.64.09-1.081.152-1.42.228-.33.074-.508.15-.633.238a1.63 1.63 0 0 0-.604.8c-.05.145-.075.336-.056.675.02.346.08.788.169 1.428l.363 2.63c.08.572.109.762.158.902.217.61.776 1.032 1.421 1.073.148.01.338-.014.91-.095l.096-.014.46-.065.91-.16a.487.487 0 0 0 .394-.565l-.112-.629c-.784.066-1.671-.029-2.387-.518a.65.65 0 0 1 .734-1.074c.405.276 1 .36 1.64.29.23-.969 1-1.765 2.034-1.98l.94-.196a.485.485 0 0 0 .38-.415 63 63 0 0 0-.145-1.107c-.073-.529-.1-.704-.144-.834a1.62 1.62 0 0 0-1.453-1.097m1.623 4.725-.938.196A1.34 1.34 0 0 0 7.923 8.38l.154.862q.012.072.018.143a4.47 4.47 0 0 0 1.892-2.769q-.039.012-.079.021",
|
|
23
|
+
clipRule: "evenodd"
|
|
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 Icon20FlashCircleFillGreenProps = SvgIconProps;
|
|
4
|
+
/**
|
|
5
|
+
* 
|
|
6
|
+
*/ export declare const Icon20FlashCircleFillGreen: React.FC<Icon20FlashCircleFillGreenProps> & {
|
|
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 Icon20FlashCircleFillGreen = (props)=>{
|
|
8
|
+
const reactId = React.useId();
|
|
9
|
+
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
10
|
+
viewBox: "0 0 20 20",
|
|
11
|
+
width: 20,
|
|
12
|
+
height: 20,
|
|
13
|
+
vkuiIconId: "flash_circle_fill_green_20",
|
|
14
|
+
vkuiAttrs: {
|
|
15
|
+
"fill": "none"
|
|
16
|
+
},
|
|
17
|
+
vkuiProps: props,
|
|
18
|
+
children: [
|
|
19
|
+
/*#__PURE__*/ _jsxs("g", {
|
|
20
|
+
clipPath: `url(#flash_circle_fill_green_20${reactId}a)`,
|
|
21
|
+
children: [
|
|
22
|
+
/*#__PURE__*/ _jsx("circle", {
|
|
23
|
+
cx: "10",
|
|
24
|
+
cy: "10",
|
|
25
|
+
r: "10",
|
|
26
|
+
fill: `url(#flash_circle_fill_green_20${reactId}b)`
|
|
27
|
+
}),
|
|
28
|
+
/*#__PURE__*/ _jsx("path", {
|
|
29
|
+
fill: "#fff",
|
|
30
|
+
d: "M8.763 13.953c-.285 1.147.143 1.385.908.548l3.214-3.693c.743-.907.557-1.636-.514-1.819l-1.55-.287a.167.167 0 0 1-.13-.203l.595-2.46c.286-1.154-.19-1.363-.904-.545a437 437 0 0 1-2.34 2.622q-.278.309-.897.964c-.905 1.004-.429 1.732.617 1.914l1.481.266a.167.167 0 0 1 .133.204z"
|
|
31
|
+
})
|
|
32
|
+
]
|
|
33
|
+
}),
|
|
34
|
+
/*#__PURE__*/ _jsxs("defs", {
|
|
35
|
+
children: [
|
|
36
|
+
/*#__PURE__*/ _jsxs("linearGradient", {
|
|
37
|
+
id: `flash_circle_fill_green_20${reactId}b`,
|
|
38
|
+
x1: "-10",
|
|
39
|
+
x2: "10",
|
|
40
|
+
y1: "10",
|
|
41
|
+
y2: "30",
|
|
42
|
+
gradientUnits: "userSpaceOnUse",
|
|
43
|
+
children: [
|
|
44
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
45
|
+
stopColor: "#50c750"
|
|
46
|
+
}),
|
|
47
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
48
|
+
offset: "1",
|
|
49
|
+
stopColor: "#32b332"
|
|
50
|
+
})
|
|
51
|
+
]
|
|
52
|
+
}),
|
|
53
|
+
/*#__PURE__*/ _jsx("clipPath", {
|
|
54
|
+
id: `flash_circle_fill_green_20${reactId}a`,
|
|
55
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
56
|
+
fill: "#fff",
|
|
57
|
+
d: "M0 0h20v20H0z"
|
|
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 Icon24FlashCircleFillGreenProps = SvgIconProps;
|
|
4
|
+
/**
|
|
5
|
+
* 
|
|
6
|
+
*/ export declare const Icon24FlashCircleFillGreen: React.FC<Icon24FlashCircleFillGreenProps> & {
|
|
7
|
+
};
|
|
@@ -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
|
+
/**
|
|
6
|
+
* 
|
|
7
|
+
*/ export const Icon24FlashCircleFillGreen = (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: "flash_circle_fill_green_24",
|
|
14
|
+
vkuiAttrs: {
|
|
15
|
+
"fill": "none"
|
|
16
|
+
},
|
|
17
|
+
vkuiProps: props,
|
|
18
|
+
children: [
|
|
19
|
+
/*#__PURE__*/ _jsx("circle", {
|
|
20
|
+
cx: "12",
|
|
21
|
+
cy: "12",
|
|
22
|
+
r: "12",
|
|
23
|
+
fill: `url(#flash_circle_fill_green_24${reactId}a)`
|
|
24
|
+
}),
|
|
25
|
+
/*#__PURE__*/ _jsx("path", {
|
|
26
|
+
fill: "#fff",
|
|
27
|
+
d: "M10.516 16.744c-.342 1.376.171 1.662 1.09.657l3.855-4.431c.893-1.09.67-1.964-.616-2.183l-1.859-.344a.2.2 0 0 1-.158-.244l.716-2.952c.342-1.385-.229-1.636-1.086-.654a525 525 0 0 1-2.807 3.146 79 79 0 0 1-1.077 1.158c-1.086 1.204-.514 2.078.741 2.296l1.777.319a.2.2 0 0 1 .159.244z"
|
|
28
|
+
}),
|
|
29
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
30
|
+
children: /*#__PURE__*/ _jsxs("linearGradient", {
|
|
31
|
+
id: `flash_circle_fill_green_24${reactId}a`,
|
|
32
|
+
x1: "-12",
|
|
33
|
+
x2: "12",
|
|
34
|
+
y1: "12",
|
|
35
|
+
y2: "36",
|
|
36
|
+
gradientUnits: "userSpaceOnUse",
|
|
37
|
+
children: [
|
|
38
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
39
|
+
stopColor: "#50c750"
|
|
40
|
+
}),
|
|
41
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
42
|
+
offset: "1",
|
|
43
|
+
stopColor: "#32b332"
|
|
44
|
+
})
|
|
45
|
+
]
|
|
46
|
+
})
|
|
47
|
+
})
|
|
48
|
+
]
|
|
49
|
+
});
|
|
50
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
|
+
export type Icon48MusicProps = SvgIconProps;
|
|
4
|
+
/**
|
|
5
|
+
* 
|
|
6
|
+
*/ export declare const Icon48Music: React.FC<Icon48MusicProps> & {
|
|
7
|
+
};
|
|
@@ -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
|
+
/**
|
|
5
|
+
* 
|
|
6
|
+
*/ export const Icon48Music = (props)=>{
|
|
7
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
8
|
+
viewBox: "0 0 48 48",
|
|
9
|
+
width: 48,
|
|
10
|
+
height: 48,
|
|
11
|
+
vkuiIconId: "music_48",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "currentColor"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
17
|
+
d: "M38 28.971c0 6.943-2.472 8.44-6.562 8.989-2.124.286-5.438-.828-5.438-4.865 0-1.971 1.642-3.93 3.692-4.333 1.9-.373-.617.115 3.684-.704.692-.132.634-.625.634-1.16l-.004-6.869-.006.037.01-5.152c0-.473-.146-.696-.69-.56l-14.591 2.659c-.61.152-.729.405-.729.987v14.971c0 6.943-2.472 8.44-6.562 8.989C9.314 42.246 6 41.132 6 37.095c0-1.971 1.642-3.93 3.692-4.333 1.9-.373-.617.115 3.684-.704.692-.132.634-.625.634-1.16l-.004-7.452V22.17L14 17.1s-.008-3.148 0-4.722c.01-1.882 1.02-2.574 4-3.186l16-2.956s4-1.25 4 2.001z"
|
|
18
|
+
})
|
|
19
|
+
});
|
|
20
|
+
};
|