@vkontakte/icons 2.147.0 → 2.149.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/16/star_alt_16.d.ts +13 -0
- package/dist/16/star_alt_16.js +13 -0
- package/dist/20/lines_grid_2x3_square_20.d.ts +13 -0
- package/dist/20/lines_grid_2x3_square_20.js +13 -0
- package/dist/20/lock_20.d.ts +13 -0
- package/dist/20/lock_20.js +13 -0
- package/dist/24/coins_outline_24.d.ts +13 -0
- package/dist/24/coins_outline_24.js +13 -0
- package/dist/28/payment_card_add_outline_28.d.ts +13 -0
- package/dist/28/payment_card_add_outline_28.js +13 -0
- package/dist/28/play_circle_fill_red_28.d.ts +13 -0
- package/dist/28/play_circle_fill_red_28.js +13 -0
- package/dist/icons-map.json +1 -1
- package/dist/index.d.ts +6 -0
- package/dist/index.js +24 -0
- package/dist/typings/16/star_alt_16.d.ts +13 -0
- package/dist/typings/20/lines_grid_2x3_square_20.d.ts +13 -0
- package/dist/typings/20/lock_20.d.ts +13 -0
- package/dist/typings/24/coins_outline_24.d.ts +13 -0
- package/dist/typings/28/payment_card_add_outline_28.d.ts +13 -0
- package/dist/typings/28/play_circle_fill_red_28.d.ts +13 -0
- package/dist/typings/index.d.ts +6 -0
- package/dist_es6/16/star_alt_16.d.ts +13 -0
- package/dist_es6/16/star_alt_16.js +3 -0
- package/dist_es6/20/lines_grid_2x3_square_20.d.ts +13 -0
- package/dist_es6/20/lines_grid_2x3_square_20.js +3 -0
- package/dist_es6/20/lock_20.d.ts +13 -0
- package/dist_es6/20/lock_20.js +3 -0
- package/dist_es6/24/coins_outline_24.d.ts +13 -0
- package/dist_es6/24/coins_outline_24.js +3 -0
- package/dist_es6/28/payment_card_add_outline_28.d.ts +13 -0
- package/dist_es6/28/payment_card_add_outline_28.js +3 -0
- package/dist_es6/28/play_circle_fill_red_28.d.ts +13 -0
- package/dist_es6/28/play_circle_fill_red_28.js +3 -0
- package/dist_es6/index.d.ts +6 -0
- package/dist_es6/index.js +6 -0
- package/package.json +7 -7
- package/src/svg/16/star_alt_16.svg +1 -0
- package/src/svg/20/lines_grid_2x3_square_20.svg +1 -0
- package/src/svg/20/lock_20.svg +1 -0
- package/src/svg/24/coins_outline_24.svg +1 -0
- package/src/svg/28/payment_card_add_outline_28.svg +1 -0
- package/src/svg/28/play_circle_fill_red_28.svg +10 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SVGProps, Ref, FC } from 'react';
|
|
2
|
+
import { makeIcon } from '@vkontakte/icons-sprite';
|
|
3
|
+
export interface Icon16StarAltProps extends SVGProps<SVGSVGElement> {
|
|
4
|
+
fill?: string;
|
|
5
|
+
width?: number;
|
|
6
|
+
height?: number;
|
|
7
|
+
getRootRef?: Ref<SVGSVGElement>;
|
|
8
|
+
title?: string;
|
|
9
|
+
deprecated?: boolean;
|
|
10
|
+
replacement?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const Icon16StarAlt: FC<Icon16StarAltProps> & {
|
|
13
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Icon16StarAlt", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return Icon16StarAlt;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _iconssprite = require("@vkontakte/icons-sprite");
|
|
13
|
+
var Icon16StarAlt = (0, _iconssprite.makeIcon)('Icon16StarAlt', 'star_alt_16', '0 0 16 16', '<symbol xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" id="star_alt_16"><path fill-rule="evenodd" d="M7.475 2.022a.594.594 0 0 1 1.06 0l1.74 3.397L14 6.011a.59.59 0 0 1 .473.413.59.59 0 0 1-.16.61l-2.658 2.49s.378 2.536.615 4.088a.58.58 0 0 1-.246.575.59.59 0 0 1-.624.039l-3.395-1.82s-2.1 1.122-3.414 1.826a.58.58 0 0 1-.615-.037.6.6 0 0 1-.255-.572c.227-1.551.596-4.099.596-4.099s-1.599-1.507-2.63-2.492a.59.59 0 0 1-.16-.608A.59.59 0 0 1 2 6.013l3.735-.594z" clip-rule="evenodd" /></symbol>', 16, 16, false, undefined);
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SVGProps, Ref, FC } from 'react';
|
|
2
|
+
import { makeIcon } from '@vkontakte/icons-sprite';
|
|
3
|
+
export interface Icon20LinesGrid2x3SquareProps extends SVGProps<SVGSVGElement> {
|
|
4
|
+
fill?: string;
|
|
5
|
+
width?: number;
|
|
6
|
+
height?: number;
|
|
7
|
+
getRootRef?: Ref<SVGSVGElement>;
|
|
8
|
+
title?: string;
|
|
9
|
+
deprecated?: boolean;
|
|
10
|
+
replacement?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const Icon20LinesGrid2x3Square: FC<Icon20LinesGrid2x3SquareProps> & {
|
|
13
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Icon20LinesGrid2x3Square", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return Icon20LinesGrid2x3Square;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _iconssprite = require("@vkontakte/icons-sprite");
|
|
13
|
+
var Icon20LinesGrid2x3Square = (0, _iconssprite.makeIcon)('Icon20LinesGrid2x3Square', 'lines_grid_2x3_square_20', '0 0 20 20', '<symbol xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" id="lines_grid_2x3_square_20"><path fill-rule="evenodd" d="M11.2 3.5H8.8c-1.215 0-2.036.001-2.67.053-.615.05-.92.14-1.128.247A2.75 2.75 0 0 0 3.8 5.002c-.106.207-.197.513-.247 1.129C3.5 6.764 3.5 7.585 3.5 8.8v2.4c0 1.215.001 2.036.053 2.67.05.615.14.92.247 1.129A2.75 2.75 0 0 0 5.002 16.2c.207.106.513.197 1.129.247.633.052 1.454.053 2.669.053h2.4c1.215 0 2.036-.001 2.67-.053.615-.05.92-.14 1.129-.247A2.75 2.75 0 0 0 16.2 15c.106-.208.197-.514.247-1.13.052-.633.053-1.454.053-2.669V8.8c0-1.215-.001-2.036-.053-2.67-.05-.615-.14-.92-.247-1.128A2.75 2.75 0 0 0 15 3.8c-.208-.106-.514-.197-1.13-.247-.634-.053-1.455-.053-2.67-.053m-8.737.82C2 5.23 2 6.42 2 8.8v2.4c0 2.38 0 3.57.463 4.48a4.25 4.25 0 0 0 1.858 1.857C5.23 18 6.42 18 8.8 18h2.4c2.38 0 3.57 0 4.48-.463a4.25 4.25 0 0 0 1.857-1.857c.463-.91.463-2.1.463-4.48V8.8c0-2.38 0-3.57-.463-4.48a4.25 4.25 0 0 0-1.857-1.857C14.77 2 13.58 2 11.2 2H8.8c-2.38 0-3.57 0-4.48.463a4.25 4.25 0 0 0-1.857 1.858Zm6.54 2.43a.75.75 0 0 1-.75.75h-2a.75.75 0 1 1 0-1.5h2a.75.75 0 0 1 .75.75m-.75 4a.75.75 0 0 0 0-1.5h-2a.75.75 0 1 0 0 1.5zm.75 2.5a.75.75 0 0 1-.75.75h-2a.75.75 0 0 1 0-1.5h2a.75.75 0 0 1 .75.75M13.75 7.5a.75.75 0 0 0 0-1.5h-2a.75.75 0 0 0 0 1.5zm.75 2.5a.75.75 0 0 1-.75.75h-2a.75.75 0 0 1 0-1.5h2a.75.75 0 0 1 .75.75m-.75 4a.75.75 0 0 0 0-1.5h-2a.75.75 0 0 0 0 1.5z" clip-rule="evenodd" /></symbol>', 20, 20, false, undefined);
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SVGProps, Ref, FC } from 'react';
|
|
2
|
+
import { makeIcon } from '@vkontakte/icons-sprite';
|
|
3
|
+
export interface Icon20LockProps extends SVGProps<SVGSVGElement> {
|
|
4
|
+
fill?: string;
|
|
5
|
+
width?: number;
|
|
6
|
+
height?: number;
|
|
7
|
+
getRootRef?: Ref<SVGSVGElement>;
|
|
8
|
+
title?: string;
|
|
9
|
+
deprecated?: boolean;
|
|
10
|
+
replacement?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const Icon20Lock: FC<Icon20LockProps> & {
|
|
13
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Icon20Lock", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return Icon20Lock;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _iconssprite = require("@vkontakte/icons-sprite");
|
|
13
|
+
var Icon20Lock = (0, _iconssprite.makeIcon)('Icon20Lock', 'lock_20', '0 0 20 20', '<symbol xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" id="lock_20"><path fill-rule="evenodd" d="M6 5v2.029c-.588.036-1.006.116-1.362.298a3 3 0 0 0-1.311 1.311c-.258.506-.312 1.136-.324 2.204L3 11v3l.003.159c.012 1.067.066 1.697.324 2.203a3 3 0 0 0 1.311 1.311c.506.258 1.135.312 2.202.324Q6.92 18 7 18h6q.08 0 .16-.003c1.067-.012 1.696-.066 2.202-.324a3 3 0 0 0 1.311-1.311c.258-.506.312-1.136.324-2.203L17 14v-3l-.003-.159c-.012-1.067-.066-1.697-.324-2.203a3 3 0 0 0-1.311-1.311c-.356-.182-.774-.262-1.362-.298V5a4 4 0 0 0-8 0m6.5 0a2.5 2.5 0 0 0-5 0v2h5zM10 10.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75" clip-rule="evenodd" /></symbol>', 20, 20, false, undefined);
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SVGProps, Ref, FC } from 'react';
|
|
2
|
+
import { makeIcon } from '@vkontakte/icons-sprite';
|
|
3
|
+
export interface Icon24CoinsOutlineProps extends SVGProps<SVGSVGElement> {
|
|
4
|
+
fill?: string;
|
|
5
|
+
width?: number;
|
|
6
|
+
height?: number;
|
|
7
|
+
getRootRef?: Ref<SVGSVGElement>;
|
|
8
|
+
title?: string;
|
|
9
|
+
deprecated?: boolean;
|
|
10
|
+
replacement?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const Icon24CoinsOutline: FC<Icon24CoinsOutlineProps> & {
|
|
13
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Icon24CoinsOutline", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return Icon24CoinsOutline;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _iconssprite = require("@vkontakte/icons-sprite");
|
|
13
|
+
var Icon24CoinsOutline = (0, _iconssprite.makeIcon)('Icon24CoinsOutline', 'coins_outline_24', '0 0 24 24', '<symbol xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" id="coins_outline_24"><path fill-rule="evenodd" d="M19.2 8.556c-.002-.787-.58-1.69-1.914-2.44C15.98 5.383 14.111 4.9 12 4.9s-3.979.483-5.286 1.218C5.378 6.867 4.8 7.764 4.8 8.552s.578 1.685 1.914 2.436c1.307.735 3.175 1.218 5.286 1.218s3.979-.483 5.286-1.218c1.334-.75 1.912-1.645 1.914-2.432m0 3.308a7.6 7.6 0 0 1-1.031.692c-1.624.913-3.807 1.449-6.169 1.449s-4.545-.536-6.169-1.45a7.6 7.6 0 0 1-1.031-.691v.23c0 .788.578 1.684 1.914 2.435 1.307.735 3.175 1.218 5.286 1.218s3.976-.482 5.284-1.216c1.336-.75 1.914-1.646 1.916-2.434m0 3.308a7.6 7.6 0 0 1-1.034.694c-1.624.912-3.805 1.447-6.166 1.447s-4.545-.536-6.169-1.449a7.6 7.6 0 0 1-1.031-.692v.143c0 .788.578 1.684 1.914 2.435 1.307.735 3.175 1.218 5.286 1.218s3.976-.482 5.284-1.216c1.336-.75 1.914-1.646 1.916-2.434m1.8.04c-.021 1.708-1.25 3.072-2.834 3.962C16.542 20.464 14.36 21 12 21c-2.362 0-4.545-.536-6.169-1.449-1.582-.89-2.81-2.254-2.83-3.96L3 8.396c.026-1.7 1.253-3.06 2.831-3.947C7.455 3.536 9.638 3 12 3c2.36 0 4.542.536 6.166 1.447 1.58.888 2.807 2.248 2.834 3.95zm-1.8-.04v-.146zm0-3.454v-.233z" clip-rule="evenodd" /></symbol>', 24, 24, false, undefined);
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SVGProps, Ref, FC } from 'react';
|
|
2
|
+
import { makeIcon } from '@vkontakte/icons-sprite';
|
|
3
|
+
export interface Icon28PaymentCardAddOutlineProps extends SVGProps<SVGSVGElement> {
|
|
4
|
+
fill?: string;
|
|
5
|
+
width?: number;
|
|
6
|
+
height?: number;
|
|
7
|
+
getRootRef?: Ref<SVGSVGElement>;
|
|
8
|
+
title?: string;
|
|
9
|
+
deprecated?: boolean;
|
|
10
|
+
replacement?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const Icon28PaymentCardAddOutline: FC<Icon28PaymentCardAddOutlineProps> & {
|
|
13
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Icon28PaymentCardAddOutline", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return Icon28PaymentCardAddOutline;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _iconssprite = require("@vkontakte/icons-sprite");
|
|
13
|
+
var Icon28PaymentCardAddOutline = (0, _iconssprite.makeIcon)('Icon28PaymentCardAddOutline', 'payment_card_add_outline_28', '0 0 28 28', '<symbol xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28 28" id="payment_card_add_outline_28"><path d="M21 15a6 6 0 1 1 0 12 6 6 0 0 1 0-12m0 2a1 1 0 0 0-.993.883L20 18v2h-2a1 1 0 0 0-.117 1.993L18 22h2v2a1 1 0 0 0 1.993.117L22 24v-2h2a1 1 0 0 0 .117-1.993L24 20h-2v-2a1 1 0 0 0-1-1m-14 .5c0-.466 0-.699.076-.883a1 1 0 0 1 .541-.54C7.801 16 8.034 16 8.5 16s.699 0 .883.076a1 1 0 0 1 .54.541c.077.184.077.417.077.883s0 .699-.076.883a1 1 0 0 1-.541.54C9.199 19 8.966 19 8.5 19s-.699 0-.883-.076a1 1 0 0 1-.54-.541C7 18.199 7 17.966 7 17.5" /><path fill-rule="evenodd" d="M18.643 4H9.357C8.273 4 7.4 4 6.691 4.058c-.728.06-1.369.185-1.96.487A5 5 0 0 0 2.544 6.73c-.302.592-.428 1.233-.487 1.961C2 9.4 2 10.273 2 11.357v5.286c0 1.084 0 1.958.058 2.666.06.729.185 1.369.487 1.961a5 5 0 0 0 2.185 2.185c.592.302 1.233.428 1.961.487C7.4 24 8.273 24 9.357 24H12a1 1 0 1 0 0-2H9.4c-1.137 0-1.929 0-2.546-.051-.605-.05-.953-.142-1.216-.276a3 3 0 0 1-1.311-1.311c-.134-.263-.226-.611-.276-1.216C4.001 18.529 4 17.736 4 16.6V13h20a1 1 0 0 0 2 0l-.006-3a18 18 0 0 0-.064-1.443c-.064-.673-.192-1.27-.475-1.827a5 5 0 0 0-2.185-2.185c-.592-.302-1.232-.428-1.961-.487C20.6 4 19.727 4 18.643 4m5.351 6a16 16 0 0 0-.055-1.253c-.05-.54-.14-.862-.266-1.109a3 3 0 0 0-1.311-1.311c-.263-.134-.611-.226-1.216-.276C20.529 6.001 19.736 6 18.6 6H9.4c-1.137 0-1.929 0-2.546.051-.605.05-.953.142-1.216.276a3 3 0 0 0-1.311 1.311c-.134.263-.226.611-.276 1.216-.026.325-.04.699-.045 1.146z" clip-rule="evenodd" /></symbol>', 28, 28, false, undefined);
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SVGProps, Ref, FC } from 'react';
|
|
2
|
+
import { makeIcon } from '@vkontakte/icons-sprite';
|
|
3
|
+
export interface Icon28PlayCircleFillRedProps extends SVGProps<SVGSVGElement> {
|
|
4
|
+
fill?: string;
|
|
5
|
+
width?: number;
|
|
6
|
+
height?: number;
|
|
7
|
+
getRootRef?: Ref<SVGSVGElement>;
|
|
8
|
+
title?: string;
|
|
9
|
+
deprecated?: boolean;
|
|
10
|
+
replacement?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const Icon28PlayCircleFillRed: FC<Icon28PlayCircleFillRedProps> & {
|
|
13
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Icon28PlayCircleFillRed", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return Icon28PlayCircleFillRed;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _iconssprite = require("@vkontakte/icons-sprite");
|
|
13
|
+
var Icon28PlayCircleFillRed = (0, _iconssprite.makeIcon)('Icon28PlayCircleFillRed', 'play_circle_fill_red_28', '0 0 28 28', '<symbol xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28" id="play_circle_fill_red_28"><circle cx="14" cy="14" r="14" fill="url(#play_circle_fill_red_28_a)" /><path fill="#fff" d="M19.024 13.13c.635.384.635 1.354 0 1.738l-6.612 3.997c-.63.38-1.412-.1-1.412-.868v-7.995c0-.768.783-1.25 1.412-.869l6.612 3.998Z" /><defs><linearGradient id="play_circle_fill_red_28_a" x1="0" x2="28.733" y1="0" y2=".773" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5263" /><stop offset="1" stop-color="#FF3347" /></linearGradient></defs></symbol>', 28, 28, false, undefined);
|