@vkontakte/icons 3.64.1 → 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/24/music_note_sparkles_24.d.ts +7 -0
- package/dist/24/music_note_sparkles_24.js +20 -0
- package/dist/28/music_note_sparkles_28.d.ts +7 -0
- package/dist/28/music_note_sparkles_28.js +20 -0
- package/dist/28/smile_circle_fill_28.d.ts +1 -1
- package/dist/28/smile_circle_fill_28.js +29 -43
- package/dist/28/sparkle_circle_fill_purple_28.d.ts +1 -1
- package/dist/28/sparkle_circle_fill_purple_28.js +33 -47
- package/dist/32/donut_circle_fill_yellow_32.d.ts +1 -1
- package/dist/32/donut_circle_fill_yellow_32.js +9 -25
- package/dist/32/sparkles_circle_fill_ai_gradient_32.d.ts +1 -1
- package/dist/32/sparkles_circle_fill_ai_gradient_32.js +37 -51
- 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 +6 -0
- package/dist/index.js +6 -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/24/music_note_sparkles_24.d.ts +7 -0
- package/dist/typings/28/music_note_sparkles_28.d.ts +7 -0
- package/dist/typings/28/smile_circle_fill_28.d.ts +1 -1
- package/dist/typings/28/sparkle_circle_fill_purple_28.d.ts +1 -1
- package/dist/typings/32/donut_circle_fill_yellow_32.d.ts +1 -1
- package/dist/typings/32/sparkles_circle_fill_ai_gradient_32.d.ts +1 -1
- package/dist/typings/48/music_48.d.ts +7 -0
- package/dist/typings/index.d.ts +6 -0
- package/package.json +9 -9
- 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/24/music_note_sparkles_24.svg +1 -0
- package/src/svg/28/music_note_sparkles_28.svg +1 -0
- package/src/svg/28/smile_circle_fill_28.svg +1 -1
- package/src/svg/28/sparkle_circle_fill_purple_28.svg +1 -1
- package/src/svg/32/donut_circle_fill_yellow_32.svg +1 -1
- package/src/svg/32/sparkles_circle_fill_ai_gradient_32.svg +1 -1
- 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 Icon24MusicNoteSparklesProps = SvgIconProps;
|
|
4
|
+
/**
|
|
5
|
+
* 
|
|
6
|
+
*/ export declare const Icon24MusicNoteSparkles: React.FC<Icon24MusicNoteSparklesProps> & {
|
|
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 Icon24MusicNoteSparkles = (props)=>{
|
|
7
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
width: 24,
|
|
10
|
+
height: 24,
|
|
11
|
+
vkuiIconId: "music_note_sparkles_24",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "currentColor"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
17
|
+
d: "M12.95 12.964a.334.334 0 0 1 .613 0l.481 1.123c.169.393.482.707.875.875l1.123.482c.27.115.27.496 0 .612l-1.123.481a1.67 1.67 0 0 0-.875.875l-.482 1.123a.334.334 0 0 1-.613 0l-.48-1.123a1.67 1.67 0 0 0-.876-.875l-1.123-.481a.333.333 0 0 1 0-.612l1.123-.482c.393-.168.707-.482.876-.875zm-1.311-8.446a.706.706 0 0 1 .852.578l.009.11V6.69a2.54 2.54 0 0 1-1.694 2.395l-.193.06-2.2.586v4.781c0 3.308-3.386 5.051-5.144 3.294-1.82-1.818-.295-4.787 3.362-4.969l.002-4.843c-.02-1.356.86-2.334 2.113-2.752l.244-.076c.515-.15 1.392-.365 2.649-.648m5.68 1.196a.334.334 0 0 1 .613 0l.893 2.084c.169.393.482.708.875.876l2.085.893c.27.115.27.497 0 .613l-2.085.893a1.67 1.67 0 0 0-.875.875l-.893 2.085a.334.334 0 0 1-.614 0l-.893-2.085a1.67 1.67 0 0 0-.875-.876l-2.085-.892a.334.334 0 0 1 0-.613l2.085-.893c.393-.168.706-.483.875-.876z"
|
|
18
|
+
})
|
|
19
|
+
});
|
|
20
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
|
+
export type Icon28MusicNoteSparklesProps = SvgIconProps;
|
|
4
|
+
/**
|
|
5
|
+
* 
|
|
6
|
+
*/ export declare const Icon28MusicNoteSparkles: React.FC<Icon28MusicNoteSparklesProps> & {
|
|
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 Icon28MusicNoteSparkles = (props)=>{
|
|
7
|
+
return /*#__PURE__*/ _jsx(SvgIconRootV2, {
|
|
8
|
+
viewBox: "0 0 28 28",
|
|
9
|
+
width: 28,
|
|
10
|
+
height: 28,
|
|
11
|
+
vkuiIconId: "music_note_sparkles_28",
|
|
12
|
+
vkuiAttrs: {
|
|
13
|
+
"fill": "currentColor"
|
|
14
|
+
},
|
|
15
|
+
vkuiProps: props,
|
|
16
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
17
|
+
d: "M14.577 16.805a.446.446 0 0 1 .846 0l.34 1.02c.222.666.746 1.19 1.412 1.412l1.02.339a.447.447 0 0 1 0 .848l-1.02.34a2.23 2.23 0 0 0-1.412 1.412l-.34 1.02a.446.446 0 0 1-.847 0l-.34-1.02a2.23 2.23 0 0 0-1.412-1.413l-1.019-.34a.447.447 0 0 1 0-.847l1.02-.339a2.23 2.23 0 0 0 1.412-1.412zM13.446 5.023a.93.93 0 0 1 1.12.753l.012 2.041c0 1.411-.894 2.755-2.22 3.219l-2.824.808v6.038c0 4.31-4.034 6.363-6.077 4.326-1.992-2.118-.983-6.141 4.058-6.54 0 0 .025-4.371 0-6.139s.996-3.019 2.643-3.562c.278-.086.533-.166.775-.243.84-.264 1.525-.48 2.513-.7m5.949 2.913c.194-.581 1.016-.581 1.21 0l.485 1.456a3.19 3.19 0 0 0 2.018 2.018l1.456.485c.581.194.581 1.016 0 1.21l-1.456.486a3.19 3.19 0 0 0-2.018 2.017l-.485 1.456c-.194.581-1.016.581-1.21 0l-.485-1.456a3.19 3.19 0 0 0-2.018-2.017l-1.456-.486c-.581-.194-.581-1.016 0-1.21l1.456-.485a3.19 3.19 0 0 0 2.018-2.018z"
|
|
18
|
+
})
|
|
19
|
+
});
|
|
20
|
+
};
|
|
@@ -2,6 +2,6 @@ import * as React from "react";
|
|
|
2
2
|
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
3
|
export type Icon28SmileCircleFillProps = SvgIconProps;
|
|
4
4
|
/**
|
|
5
|
-
* 
|
|
6
6
|
*/ export declare const Icon28SmileCircleFill: React.FC<Icon28SmileCircleFillProps> & {
|
|
7
7
|
};
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
5
5
|
/**
|
|
6
|
-
* 
|
|
7
7
|
*/ export const Icon28SmileCircleFill = (props)=>{
|
|
8
8
|
const reactId = React.useId();
|
|
9
9
|
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
@@ -16,50 +16,36 @@ import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
|
16
16
|
},
|
|
17
17
|
vkuiProps: props,
|
|
18
18
|
children: [
|
|
19
|
-
/*#__PURE__*/
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
cy: "14",
|
|
25
|
-
r: "14",
|
|
26
|
-
fill: `url(#smile_circle_fill_28${reactId}b)`
|
|
27
|
-
}),
|
|
28
|
-
/*#__PURE__*/ _jsx("path", {
|
|
29
|
-
fill: "#fff",
|
|
30
|
-
fillRule: "evenodd",
|
|
31
|
-
d: "M22 14a8 8 0 1 0-16 0 8 8 0 0 0 16 0m-9.5-1.622a1.125 1.125 0 1 0-2.25 0 1.125 1.125 0 0 0 2.25 0m4.12-1.125a1.125 1.125 0 1 1 .01 2.25 1.125 1.125 0 0 1-.01-2.25m.774 4.25a.75.75 0 0 0-1.046.175c-1.114 1.56-3.576 1.576-4.703 0a.75.75 0 0 0-1.22.872c1.692 2.368 5.433 2.393 7.143 0a.75.75 0 0 0-.174-1.047",
|
|
32
|
-
clipRule: "evenodd"
|
|
33
|
-
})
|
|
34
|
-
]
|
|
19
|
+
/*#__PURE__*/ _jsx("circle", {
|
|
20
|
+
cx: "14",
|
|
21
|
+
cy: "14",
|
|
22
|
+
r: "14",
|
|
23
|
+
fill: `url(#smile_circle_fill_28${reactId}a)`
|
|
35
24
|
}),
|
|
36
|
-
/*#__PURE__*/
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
children: /*#__PURE__*/ _jsx("path", {
|
|
58
|
-
fill: "#fff",
|
|
59
|
-
d: "M0 0h28v28H0z"
|
|
25
|
+
/*#__PURE__*/ _jsx("path", {
|
|
26
|
+
fill: "#fff",
|
|
27
|
+
fillRule: "evenodd",
|
|
28
|
+
d: "M22 14a8 8 0 1 0-16 0 8 8 0 0 0 16 0m-9.5-1.622a1.125 1.125 0 1 0-2.25 0 1.125 1.125 0 0 0 2.25 0m4.12-1.125a1.125 1.125 0 1 1 .01 2.25 1.125 1.125 0 0 1-.01-2.25m.774 4.25a.75.75 0 0 0-1.046.175c-1.114 1.56-3.576 1.576-4.703 0a.75.75 0 0 0-1.22.872c1.692 2.368 5.433 2.393 7.143 0a.75.75 0 0 0-.174-1.047",
|
|
29
|
+
clipRule: "evenodd"
|
|
30
|
+
}),
|
|
31
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
32
|
+
children: /*#__PURE__*/ _jsxs("linearGradient", {
|
|
33
|
+
id: `smile_circle_fill_28${reactId}a`,
|
|
34
|
+
x1: "-14",
|
|
35
|
+
x2: "14",
|
|
36
|
+
y1: "14",
|
|
37
|
+
y2: "42",
|
|
38
|
+
gradientUnits: "userSpaceOnUse",
|
|
39
|
+
children: [
|
|
40
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
41
|
+
stopColor: "#ffb73d"
|
|
42
|
+
}),
|
|
43
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
44
|
+
offset: "1",
|
|
45
|
+
stopColor: "#ffa000"
|
|
60
46
|
})
|
|
61
|
-
|
|
62
|
-
|
|
47
|
+
]
|
|
48
|
+
})
|
|
63
49
|
})
|
|
64
50
|
]
|
|
65
51
|
});
|
|
@@ -2,6 +2,6 @@ import * as React from "react";
|
|
|
2
2
|
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
3
|
export type Icon28SparkleCircleFillPurpleProps = SvgIconProps;
|
|
4
4
|
/**
|
|
5
|
-
* 
|
|
6
6
|
*/ export declare const Icon28SparkleCircleFillPurple: React.FC<Icon28SparkleCircleFillPurpleProps> & {
|
|
7
7
|
};
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
5
5
|
/**
|
|
6
|
-
* 
|
|
7
7
|
*/ export const Icon28SparkleCircleFillPurple = (props)=>{
|
|
8
8
|
const reactId = React.useId();
|
|
9
9
|
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
@@ -16,54 +16,40 @@ import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
|
16
16
|
},
|
|
17
17
|
vkuiProps: props,
|
|
18
18
|
children: [
|
|
19
|
-
/*#__PURE__*/
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
fillRule: "evenodd",
|
|
25
|
-
d: "M14 28c7.732 0 14-6.268 14-14S21.732 0 14 0 0 6.268 0 14s6.268 14 14 14",
|
|
26
|
-
clipRule: "evenodd"
|
|
27
|
-
}),
|
|
28
|
-
/*#__PURE__*/ _jsx("path", {
|
|
29
|
-
fill: "#fff",
|
|
30
|
-
fillRule: "evenodd",
|
|
31
|
-
d: "M14.887 10.724c-.358 1.049-.84 2.108-1.447 2.716-.608.607-1.667 1.089-2.716 1.447a18 18 0 0 1-1.078.332c-.381.106-.381.816 0 .922a21 21 0 0 1 1.078.332c1.049.358 2.108.84 2.716 1.447.607.608 1.089 1.667 1.447 2.715a16 16 0 0 1 .253.802l.08.277c.105.381.815.381.92 0a23 23 0 0 1 .266-.88l.067-.199c.358-1.048.84-2.107 1.447-2.715s1.667-1.089 2.715-1.448a16 16 0 0 1 .802-.253l.277-.079c.381-.105.381-.815 0-.92a23 23 0 0 1-.88-.267l-.198-.066c-1.049-.358-2.108-.84-2.716-1.447-.607-.608-1.089-1.667-1.447-2.716a16 16 0 0 1-.254-.801l-.079-.277c-.105-.382-.815-.382-.92 0a20 20 0 0 1-.333 1.078",
|
|
32
|
-
clipRule: "evenodd"
|
|
33
|
-
}),
|
|
34
|
-
/*#__PURE__*/ _jsx("path", {
|
|
35
|
-
fill: "#fff",
|
|
36
|
-
d: "M9.53 6.275a.402.402 0 0 0-.762 0l-.305.917c-.2.6-.671 1.07-1.271 1.27l-.917.306a.402.402 0 0 0 0 .763l.917.306c.6.2 1.07.67 1.27 1.27l.306.918c.123.366.64.366.763 0l.306-.918c.2-.6.67-1.07 1.27-1.27l.918-.306a.402.402 0 0 0 0-.763l-.918-.305c-.6-.2-1.07-.671-1.27-1.271z"
|
|
37
|
-
})
|
|
38
|
-
]
|
|
19
|
+
/*#__PURE__*/ _jsx("path", {
|
|
20
|
+
fill: `url(#sparkle_circle_fill_purple_28${reactId}a)`,
|
|
21
|
+
fillRule: "evenodd",
|
|
22
|
+
d: "M14 28c7.732 0 14-6.268 14-14S21.732 0 14 0 0 6.268 0 14s6.268 14 14 14",
|
|
23
|
+
clipRule: "evenodd"
|
|
39
24
|
}),
|
|
40
|
-
/*#__PURE__*/
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
25
|
+
/*#__PURE__*/ _jsx("path", {
|
|
26
|
+
fill: "#fff",
|
|
27
|
+
fillRule: "evenodd",
|
|
28
|
+
d: "M14.887 10.724c-.358 1.049-.84 2.108-1.447 2.716-.608.607-1.667 1.089-2.716 1.447a18 18 0 0 1-1.078.332c-.381.106-.381.816 0 .922a21 21 0 0 1 1.078.332c1.049.358 2.108.84 2.716 1.447.607.608 1.089 1.667 1.447 2.715a16 16 0 0 1 .253.802l.08.277c.105.381.815.381.92 0a23 23 0 0 1 .266-.88l.067-.199c.358-1.048.84-2.107 1.447-2.715s1.667-1.089 2.715-1.448a16 16 0 0 1 .802-.253l.277-.079c.381-.105.381-.815 0-.92a23 23 0 0 1-.88-.267l-.198-.066c-1.049-.358-2.108-.84-2.716-1.447-.607-.608-1.089-1.667-1.447-2.716a16 16 0 0 1-.254-.801l-.079-.277c-.105-.382-.815-.382-.92 0a20 20 0 0 1-.333 1.078",
|
|
29
|
+
clipRule: "evenodd"
|
|
30
|
+
}),
|
|
31
|
+
/*#__PURE__*/ _jsx("path", {
|
|
32
|
+
fill: "#fff",
|
|
33
|
+
d: "M9.53 6.275a.402.402 0 0 0-.762 0l-.305.917c-.2.6-.671 1.07-1.271 1.27l-.917.306a.402.402 0 0 0 0 .763l.917.306c.6.2 1.07.67 1.27 1.27l.306.918c.123.366.64.366.763 0l.306-.918c.2-.6.67-1.07 1.27-1.27l.918-.306a.402.402 0 0 0 0-.763l-.918-.305c-.6-.2-1.07-.671-1.27-1.271z"
|
|
34
|
+
}),
|
|
35
|
+
/*#__PURE__*/ _jsx("defs", {
|
|
36
|
+
children: /*#__PURE__*/ _jsxs("linearGradient", {
|
|
37
|
+
id: `sparkle_circle_fill_purple_28${reactId}a`,
|
|
38
|
+
x1: "7.428",
|
|
39
|
+
x2: "14",
|
|
40
|
+
y1: "-1.992",
|
|
41
|
+
y2: "28",
|
|
42
|
+
gradientUnits: "userSpaceOnUse",
|
|
43
|
+
children: [
|
|
44
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
45
|
+
stopColor: "#bf6cff"
|
|
46
|
+
}),
|
|
47
|
+
/*#__PURE__*/ _jsx("stop", {
|
|
48
|
+
offset: "1",
|
|
49
|
+
stopColor: "#5100ff"
|
|
64
50
|
})
|
|
65
|
-
|
|
66
|
-
|
|
51
|
+
]
|
|
52
|
+
})
|
|
67
53
|
})
|
|
68
54
|
]
|
|
69
55
|
});
|
|
@@ -2,6 +2,6 @@ import * as React from "react";
|
|
|
2
2
|
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
3
|
export type Icon32DonutCircleFillYellowProps = SvgIconProps;
|
|
4
4
|
/**
|
|
5
|
-
* 
|
|
6
6
|
*/ export declare const Icon32DonutCircleFillYellow: React.FC<Icon32DonutCircleFillYellowProps> & {
|
|
7
7
|
};
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
2
|
import * as React from "react";
|
|
4
3
|
import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
5
4
|
/**
|
|
6
|
-
* 
|
|
7
6
|
*/ export const Icon32DonutCircleFillYellow = (props)=>{
|
|
8
|
-
const reactId = React.useId();
|
|
9
7
|
return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
|
|
10
8
|
viewBox: "0 0 32 32",
|
|
11
9
|
width: 32,
|
|
@@ -16,29 +14,15 @@ import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
|
|
|
16
14
|
},
|
|
17
15
|
vkuiProps: props,
|
|
18
16
|
children: [
|
|
19
|
-
/*#__PURE__*/
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
cy: "16",
|
|
25
|
-
r: "16",
|
|
26
|
-
fill: "#ffa000"
|
|
27
|
-
}),
|
|
28
|
-
/*#__PURE__*/ _jsx("path", {
|
|
29
|
-
fill: "#fff",
|
|
30
|
-
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"
|
|
31
|
-
})
|
|
32
|
-
]
|
|
17
|
+
/*#__PURE__*/ _jsx("circle", {
|
|
18
|
+
cx: "16",
|
|
19
|
+
cy: "16",
|
|
20
|
+
r: "16",
|
|
21
|
+
fill: "#ffa000"
|
|
33
22
|
}),
|
|
34
|
-
/*#__PURE__*/ _jsx("
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
children: /*#__PURE__*/ _jsx("path", {
|
|
38
|
-
fill: "#fff",
|
|
39
|
-
d: "M0 0h32v32H0z"
|
|
40
|
-
})
|
|
41
|
-
})
|
|
23
|
+
/*#__PURE__*/ _jsx("path", {
|
|
24
|
+
fill: "#fff",
|
|
25
|
+
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"
|
|
42
26
|
})
|
|
43
27
|
]
|
|
44
28
|
});
|
|
@@ -2,6 +2,6 @@ import * as React from "react";
|
|
|
2
2
|
import { type SvgIconProps } from "@vkontakte/icons-sprite";
|
|
3
3
|
export type Icon32SparklesCircleFillAiGradientProps = SvgIconProps;
|
|
4
4
|
/**
|
|
5
|
-
* 
|
|
6
6
|
*/ export declare const Icon32SparklesCircleFillAiGradient: React.FC<Icon32SparklesCircleFillAiGradientProps> & {
|
|
7
7
|
};
|