@vkontakte/icons 3.51.0 → 3.52.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.
Files changed (24) hide show
  1. package/dist/12/sparkle_12.d.ts +5 -0
  2. package/dist/12/sparkle_12.js +18 -0
  3. package/dist/12/star_12.d.ts +3 -1
  4. package/dist/12/star_12.js +3 -1
  5. package/dist/24/picture_on_square_outline_24.d.ts +5 -0
  6. package/dist/24/picture_on_square_outline_24.js +28 -0
  7. package/dist/28/sparkle_circle_fill_purple_28.d.ts +5 -0
  8. package/dist/28/sparkle_circle_fill_purple_28.js +68 -0
  9. package/dist/32/sparkles_circle_fill_ai_gradient_32.d.ts +5 -0
  10. package/dist/32/sparkles_circle_fill_ai_gradient_32.js +72 -0
  11. package/dist/icons-map.json +1 -1
  12. package/dist/index.d.ts +4 -0
  13. package/dist/index.js +4 -0
  14. package/dist/typings/12/sparkle_12.d.ts +5 -0
  15. package/dist/typings/12/star_12.d.ts +3 -1
  16. package/dist/typings/24/picture_on_square_outline_24.d.ts +5 -0
  17. package/dist/typings/28/sparkle_circle_fill_purple_28.d.ts +5 -0
  18. package/dist/typings/32/sparkles_circle_fill_ai_gradient_32.d.ts +5 -0
  19. package/dist/typings/index.d.ts +4 -0
  20. package/package.json +4 -4
  21. package/src/svg/12/sparkle_12.svg +1 -0
  22. package/src/svg/24/picture_on_square_outline_24.svg +1 -0
  23. package/src/svg/28/sparkle_circle_fill_purple_28.svg +1 -0
  24. package/src/svg/32/sparkles_circle_fill_ai_gradient_32.svg +1 -0
package/dist/12/sparkle_12.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ import { type SvgIconProps } from "@vkontakte/icons-sprite";
3
+ export type Icon12SparkleProps = SvgIconProps;
4
+ export declare const Icon12Sparkle: React.FC<Icon12SparkleProps> & {
5
+ };
package/dist/12/sparkle_12.js ADDED
@@ -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 Icon12Sparkle = (props)=>{
5
+ return /*#__PURE__*/ _jsx(SvgIconRootV2, {
6
+ viewBox: "0 0 12 12",
7
+ width: 12,
8
+ height: 12,
9
+ vkuiIconId: "sparkle_12",
10
+ vkuiAttrs: {
11
+ "fill": "currentColor"
12
+ },
13
+ vkuiProps: props,
14
+ children: /*#__PURE__*/ _jsx("path", {
15
+ d: "M6.54 1.864c-.202-.82-.303-1.231-.35-1.28-.11-.112-.252-.112-.361 0-.048.05-.148.46-.349 1.282-.257 1.054-.61 2.096-1.061 2.548-.452.452-1.495.805-2.552 1.062-.822.2-1.234.3-1.283.348-.112.11-.112.252 0 .361.049.048.46.15 1.282.351 1.057.26 2.1.615 2.553 1.067.451.452.805 1.49 1.062 2.54.2.815.3 1.223.348 1.273.11.112.251.112.36 0 .049-.05.15-.457.351-1.273.26-1.05.615-2.088 1.067-2.54.453-.452 1.491-.81 2.54-1.074.814-.204 1.221-.306 1.27-.355.111-.11.11-.251-.002-.36-.049-.048-.457-.147-1.272-.344-1.048-.254-2.084-.604-2.536-1.056S6.8 2.92 6.54 1.864"
16
+ })
17
+ });
18
+ };
package/dist/12/star_12.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { type SvgIconProps } from "@vkontakte/icons-sprite";
3
3
  export type Icon12StarProps = SvgIconProps;
4
- export declare const Icon12Star: React.FC<Icon12StarProps> & {
4
+ /**
5
+ * @deprecated Иконка устарела. Замените на Icon12Sparkle
6
+ */ export declare const Icon12Star: React.FC<Icon12StarProps> & {
5
7
  };
package/dist/12/star_12.js CHANGED
@@ -1,7 +1,9 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import * as React from "react";
3
3
  import { SvgIconRootV2 } from "@vkontakte/icons-sprite";
4
- export const Icon12Star = (props)=>{
4
+ /**
5
+ * @deprecated Иконка устарела. Замените на Icon12Sparkle
6
+ */ export const Icon12Star = (props)=>{
5
7
  return /*#__PURE__*/ _jsx(SvgIconRootV2, {
6
8
  viewBox: "0 0 12 12",
7
9
  width: 12,
package/dist/24/picture_on_square_outline_24.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ import { type SvgIconProps } from "@vkontakte/icons-sprite";
3
+ export type Icon24PictureOnSquareOutlineProps = SvgIconProps;
4
+ export declare const Icon24PictureOnSquareOutline: React.FC<Icon24PictureOnSquareOutlineProps> & {
5
+ };
package/dist/24/picture_on_square_outline_24.js ADDED
@@ -0,0 +1,28 @@
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 Icon24PictureOnSquareOutline = (props)=>{
5
+ return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
6
+ viewBox: "0 0 24 24",
7
+ width: 24,
8
+ height: 24,
9
+ vkuiIconId: "picture_on_square_outline_24",
10
+ vkuiAttrs: {
11
+ "fill": "currentColor"
12
+ },
13
+ vkuiProps: props,
14
+ children: [
15
+ /*#__PURE__*/ _jsx("path", {
16
+ d: "M14.32 16.927a.428.428 0 0 1-.36.672H6.837a.428.428 0 0 1-.337-.7l1.69-2.019 1.561 1.862 2.22-3.143z"
17
+ }),
18
+ /*#__PURE__*/ _jsx("path", {
19
+ fillRule: "evenodd",
20
+ d: "M11.299 6.2c.965 0 1.743 0 2.372.051.639.052 1.203.163 1.726.429a4.4 4.4 0 0 1 1.922 1.924c.266.522.377 1.085.429 1.724.051.629.05 1.407.05 2.372v1.801c0 .965.001 1.743-.05 2.372-.052.639-.163 1.203-.429 1.726a4.4 4.4 0 0 1-1.922 1.922c-.523.267-1.087.377-1.726.43-.629.05-1.407.05-2.372.05H9.498c-.965 0-1.743 0-2.372-.05-.639-.053-1.203-.164-1.725-.43A4.4 4.4 0 0 1 3.478 18.6c-.267-.523-.377-1.087-.43-1.726-.05-.629-.05-1.407-.05-2.372v-1.8c0-.966 0-1.744.05-2.373.053-.639.164-1.202.43-1.724A4.4 4.4 0 0 1 5.4 6.68c.522-.266 1.086-.377 1.725-.429.629-.051 1.407-.05 2.372-.05zM9.498 8.001c-.995 0-1.687 0-2.226.044-.527.043-.828.124-1.054.24A2.6 2.6 0 0 0 5.082 9.42c-.115.226-.196.527-.24 1.055-.043.538-.043 1.23-.043 2.225v1.801c0 .994 0 1.687.044 2.226.043.527.124.828.239 1.054.25.489.647.887 1.136 1.136.226.115.527.196 1.054.24.539.043 1.231.043 2.226.043h1.8c.995 0 1.688 0 2.226-.044.528-.043.829-.124 1.055-.239.489-.25.887-.647 1.136-1.136.115-.226.196-.527.24-1.054.043-.539.043-1.232.043-2.226v-1.8c0-.995 0-1.688-.044-2.226-.043-.528-.124-.829-.24-1.055a2.6 2.6 0 0 0-1.135-1.136c-.226-.115-.527-.196-1.055-.24-.538-.043-1.23-.043-2.225-.043z",
21
+ clipRule: "evenodd"
22
+ }),
23
+ /*#__PURE__*/ _jsx("path", {
24
+ d: "M14.5 3c.965 0 1.743 0 2.372.05.64.053 1.203.163 1.726.43a4.4 4.4 0 0 1 1.922 1.923c.266.522.377 1.086.43 1.725.05.629.05 1.407.05 2.372v1.805c0 .965 0 1.743-.05 2.372-.053.639-.163 1.203-.43 1.725a4.4 4.4 0 0 1-1.318 1.55v-5.554l-.002-.093V9.5c0-.995 0-1.687-.045-2.226-.043-.527-.123-.828-.238-1.054a2.6 2.6 0 0 0-1.137-1.136c-.226-.115-.527-.196-1.054-.24-.539-.043-1.231-.043-2.226-.043h-1.847l-.05-.001H7.057a4.4 4.4 0 0 1 1.551-1.32c.522-.266 1.086-.377 1.725-.43C10.961 3 11.739 3 12.704 3z"
25
+ })
26
+ ]
27
+ });
28
+ };
package/dist/28/sparkle_circle_fill_purple_28.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ import { type SvgIconProps } from "@vkontakte/icons-sprite";
3
+ export type Icon28SparkleCircleFillPurpleProps = SvgIconProps;
4
+ export declare const Icon28SparkleCircleFillPurple: React.FC<Icon28SparkleCircleFillPurpleProps> & {
5
+ };
package/dist/28/sparkle_circle_fill_purple_28.js ADDED
@@ -0,0 +1,68 @@
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 Icon28SparkleCircleFillPurple = (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: "sparkle_circle_fill_purple_28",
12
+ vkuiAttrs: {
13
+ "fill": "none"
14
+ },
15
+ vkuiProps: props,
16
+ children: [
17
+ /*#__PURE__*/ _jsxs("g", {
18
+ clipPath: `url(#sparkle_circle_fill_purple_28${reactId}a)`,
19
+ children: [
20
+ /*#__PURE__*/ _jsx("path", {
21
+ fill: `url(#sparkle_circle_fill_purple_28${reactId}b)`,
22
+ fillRule: "evenodd",
23
+ d: "M14 28c7.732 0 14-6.268 14-14S21.732 0 14 0 0 6.268 0 14s6.268 14 14 14",
24
+ clipRule: "evenodd"
25
+ }),
26
+ /*#__PURE__*/ _jsx("path", {
27
+ fill: "#fff",
28
+ fillRule: "evenodd",
29
+ 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",
30
+ clipRule: "evenodd"
31
+ }),
32
+ /*#__PURE__*/ _jsx("path", {
33
+ fill: "#fff",
34
+ 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"
35
+ })
36
+ ]
37
+ }),
38
+ /*#__PURE__*/ _jsxs("defs", {
39
+ children: [
40
+ /*#__PURE__*/ _jsxs("linearGradient", {
41
+ id: `sparkle_circle_fill_purple_28${reactId}b`,
42
+ x1: "7.428",
43
+ x2: "14",
44
+ y1: "-1.992",
45
+ y2: "28",
46
+ gradientUnits: "userSpaceOnUse",
47
+ children: [
48
+ /*#__PURE__*/ _jsx("stop", {
49
+ stopColor: "#bf6cff"
50
+ }),
51
+ /*#__PURE__*/ _jsx("stop", {
52
+ offset: "1",
53
+ stopColor: "#5100ff"
54
+ })
55
+ ]
56
+ }),
57
+ /*#__PURE__*/ _jsx("clipPath", {
58
+ id: `sparkle_circle_fill_purple_28${reactId}a`,
59
+ children: /*#__PURE__*/ _jsx("path", {
60
+ fill: "#fff",
61
+ d: "M0 0h28v28H0z"
62
+ })
63
+ })
64
+ ]
65
+ })
66
+ ]
67
+ });
68
+ };
package/dist/32/sparkles_circle_fill_ai_gradient_32.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ import { type SvgIconProps } from "@vkontakte/icons-sprite";
3
+ export type Icon32SparklesCircleFillAiGradientProps = SvgIconProps;
4
+ export declare const Icon32SparklesCircleFillAiGradient: React.FC<Icon32SparklesCircleFillAiGradientProps> & {
5
+ };
package/dist/32/sparkles_circle_fill_ai_gradient_32.js ADDED
@@ -0,0 +1,72 @@
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 Icon32SparklesCircleFillAiGradient = (props)=>{
6
+ const reactId = React.useId();
7
+ return /*#__PURE__*/ _jsxs(SvgIconRootV2, {
8
+ viewBox: "0 0 32 32",
9
+ width: 32,
10
+ height: 32,
11
+ vkuiIconId: "sparkles_circle_fill_ai_gradient_32",
12
+ vkuiAttrs: {
13
+ "fill": "none"
14
+ },
15
+ vkuiProps: props,
16
+ children: [
17
+ /*#__PURE__*/ _jsxs("g", {
18
+ clipPath: `url(#sparkles_circle_fill_ai_gradient_32${reactId}a)`,
19
+ children: [
20
+ /*#__PURE__*/ _jsx("path", {
21
+ fill: `url(#sparkles_circle_fill_ai_gradient_32${reactId}b)`,
22
+ fillRule: "evenodd",
23
+ d: "M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16",
24
+ clipRule: "evenodd"
25
+ }),
26
+ /*#__PURE__*/ _jsx("path", {
27
+ fill: "#fff",
28
+ fillRule: "evenodd",
29
+ d: "M16.813 12.077c-.408 1.193-.956 2.398-1.647 3.089s-1.896 1.239-3.089 1.647a19 19 0 0 1-.912.288l-.315.09c-.434.12-.434.927 0 1.047a25 25 0 0 1 1.002.303l.225.075c1.193.408 2.398.956 3.089 1.647.69.69 1.239 1.896 1.647 3.089a19 19 0 0 1 .288.911l.09.316c.12.433.927.433 1.047 0a25 25 0 0 1 .303-1.003l.075-.224c.408-1.193.956-2.398 1.647-3.09.69-.69 1.896-1.238 3.089-1.646l.224-.075a21 21 0 0 1 1.003-.303c.433-.12.433-.927 0-1.048a25 25 0 0 1-1.003-.302l-.224-.075c-1.193-.408-2.398-.956-3.09-1.647-.69-.691-1.238-1.896-1.646-3.089a20 20 0 0 1-.378-1.227c-.12-.434-.927-.434-1.048 0a24 24 0 0 1-.377 1.227",
30
+ clipRule: "evenodd"
31
+ }),
32
+ /*#__PURE__*/ _jsx("path", {
33
+ fill: "#fff",
34
+ d: "M10.72 7.015a.457.457 0 0 0-.868 0L9.504 8.06A2.29 2.29 0 0 1 8.06 9.504l-1.044.348a.457.457 0 0 0 0 .867l1.044.348a2.29 2.29 0 0 1 1.445 1.446l.348 1.043a.457.457 0 0 0 .867 0l.348-1.043a2.29 2.29 0 0 1 1.446-1.446l1.043-.348a.457.457 0 0 0 0-.867l-1.043-.348a2.29 2.29 0 0 1-1.446-1.445z"
35
+ })
36
+ ]
37
+ }),
38
+ /*#__PURE__*/ _jsxs("defs", {
39
+ children: [
40
+ /*#__PURE__*/ _jsxs("linearGradient", {
41
+ id: `sparkles_circle_fill_ai_gradient_32${reactId}b`,
42
+ x1: ".842",
43
+ x2: "32.836",
44
+ y1: "-.842",
45
+ y2: "32.836",
46
+ gradientUnits: "userSpaceOnUse",
47
+ children: [
48
+ /*#__PURE__*/ _jsx("stop", {
49
+ stopColor: "#4eafff"
50
+ }),
51
+ /*#__PURE__*/ _jsx("stop", {
52
+ offset: ".499",
53
+ stopColor: "#b984ed"
54
+ }),
55
+ /*#__PURE__*/ _jsx("stop", {
56
+ offset: "1",
57
+ stopColor: "#ff4b9c"
58
+ })
59
+ ]
60
+ }),
61
+ /*#__PURE__*/ _jsx("clipPath", {
62
+ id: `sparkles_circle_fill_ai_gradient_32${reactId}a`,
63
+ children: /*#__PURE__*/ _jsx("path", {
64
+ fill: "#fff",
65
+ d: "M0 0h32v32H0z"
66
+ })
67
+ })
68
+ ]
69
+ })
70
+ ]
71
+ });
72
+ };