@vkontakte/icons 2.25.0 → 2.26.0

package/dist/index.js

@@ -291,6 +291,9 @@ _export(exports, {
     Icon16Add: function() {
         return _add1.default;
     },
+    Icon16AddCircle: function() {
+        return _addCircle.default;
+    },
     Icon16AddCircleOutline: function() {
         return _addCircleOutline.default;
     },
@@ -1165,7 +1168,7 @@ _export(exports, {
         return _addAlt.default;
     },
     Icon20AddCircle: function() {
-        return _addCircle.default;
+        return _addCircle1.default;
     },
     Icon20AddCircleFillBlue: function() {
         return _addCircleFillBlue.default;
@@ -1710,6 +1713,9 @@ _export(exports, {
     Icon20HealthOutline: function() {
         return _healthOutline.default;
     },
+    Icon20HeartSettingsOutline: function() {
+        return _heartSettingsOutline.default;
+    },
     Icon20HelpOutline: function() {
         return _helpOutline1.default;
     },
@@ -2814,6 +2820,9 @@ _export(exports, {
     Icon24Cancel: function() {
         return _cancel3.default;
     },
+    Icon24CancelCircleFillRed: function() {
+        return _cancelCircleFillRed1.default;
+    },
     Icon24CancelOutline: function() {
         return _cancelOutline1.default;
     },
@@ -2841,6 +2850,9 @@ _export(exports, {
     Icon24CheckCircleFilledBlue: function() {
         return _checkCircleFilledBlue.default;
     },
+    Icon24CheckCircleFillGreen: function() {
+        return _checkCircleFillGreen1.default;
+    },
     Icon24CheckCircleOff: function() {
         return _checkCircleOff1.default;
     },
@@ -2895,6 +2907,9 @@ _export(exports, {
     Icon24ClipOutline: function() {
         return _clipOutline.default;
     },
+    Icon24ClockCircleFillGray: function() {
+        return _clockCircleFillGray.default;
+    },
     Icon24ClockOutline: function() {
         return _clockOutline3.default;
     },
@@ -3084,6 +3099,12 @@ _export(exports, {
     Icon24ErrorCircle: function() {
         return _errorCircle3.default;
     },
+    Icon24ErrorCircleFillGray: function() {
+        return _errorCircleFillGray.default;
+    },
+    Icon24ErrorCircleFillRed: function() {
+        return _errorCircleFillRed.default;
+    },
     Icon24ErrorCircleOutline: function() {
         return _errorCircleOutline2.default;
     },
@@ -4347,6 +4368,9 @@ _export(exports, {
     Icon28ArticlesOutline: function() {
         return _articlesOutline2.default;
     },
+    Icon28ArticlesSlashOutline: function() {
+        return _articlesSlashOutline.default;
+    },
     Icon28AttachCircleFillBlue: function() {
         return _attachCircleFillBlue.default;
     },
@@ -4489,7 +4513,7 @@ _export(exports, {
         return _cancelAltOutline.default;
     },
     Icon28CancelCircleFillRed: function() {
-        return _cancelCircleFillRed1.default;
+        return _cancelCircleFillRed2.default;
     },
     Icon28CancelCircleOutline: function() {
         return _cancelCircleOutline1.default;
@@ -4603,7 +4627,7 @@ _export(exports, {
         return _clock1.default;
     },
     Icon28ClockCircleFillGray: function() {
-        return _clockCircleFillGray.default;
+        return _clockCircleFillGray1.default;
     },
     Icon28ClockOutline: function() {
         return _clockOutline4.default;
@@ -7490,6 +7514,7 @@ var _verified = /*#__PURE__*/ _interopRequireDefault(require("./12/verified"));
 var _verifiedAlt = /*#__PURE__*/ _interopRequireDefault(require("./12/verified_alt"));
 var _view = /*#__PURE__*/ _interopRequireDefault(require("./12/view"));
 var _add1 = /*#__PURE__*/ _interopRequireDefault(require("./16/add"));
+var _addCircle = /*#__PURE__*/ _interopRequireDefault(require("./16/add_circle"));
 var _addCircleOutline = /*#__PURE__*/ _interopRequireDefault(require("./16/add_circle_outline"));
 var _addSquareOutline = /*#__PURE__*/ _interopRequireDefault(require("./16/add_square_outline"));
 var _advertising = /*#__PURE__*/ _interopRequireDefault(require("./16/advertising"));
@@ -7781,7 +7806,7 @@ var _accessibilityOutline = /*#__PURE__*/ _interopRequireDefault(require("./20/a
 var _achievementCircleFillBlue = /*#__PURE__*/ _interopRequireDefault(require("./20/achievement_circle_fill_blue"));
 var _add2 = /*#__PURE__*/ _interopRequireDefault(require("./20/add"));
 var _addAlt = /*#__PURE__*/ _interopRequireDefault(require("./20/add_alt"));
-var _addCircle = /*#__PURE__*/ _interopRequireDefault(require("./20/add_circle"));
+var _addCircle1 = /*#__PURE__*/ _interopRequireDefault(require("./20/add_circle"));
 var _addCircleFillBlue = /*#__PURE__*/ _interopRequireDefault(require("./20/add_circle_fill_blue"));
 var _addCircleFillGray = /*#__PURE__*/ _interopRequireDefault(require("./20/add_circle_fill_gray"));
 var _addCircleFillGreen = /*#__PURE__*/ _interopRequireDefault(require("./20/add_circle_fill_green"));
@@ -7963,6 +7988,7 @@ var _grid4UnevenVerticalOutline = /*#__PURE__*/ _interopRequireDefault(require("
 var _hand2 = /*#__PURE__*/ _interopRequireDefault(require("./20/hand"));
 var _headphonesSupportOutline = /*#__PURE__*/ _interopRequireDefault(require("./20/headphones_support_outline"));
 var _healthOutline = /*#__PURE__*/ _interopRequireDefault(require("./20/health_outline"));
+var _heartSettingsOutline = /*#__PURE__*/ _interopRequireDefault(require("./20/heart_settings_outline"));
 var _helpOutline1 = /*#__PURE__*/ _interopRequireDefault(require("./20/help_outline"));
 var _hideOutline = /*#__PURE__*/ _interopRequireDefault(require("./20/hide_outline"));
 var _hieroglyphCharacterOutline2 = /*#__PURE__*/ _interopRequireDefault(require("./20/hieroglyph_character_outline"));
@@ -8331,6 +8357,7 @@ var _calendarOutline2 = /*#__PURE__*/ _interopRequireDefault(require("./24/calen
 var _camera1 = /*#__PURE__*/ _interopRequireDefault(require("./24/camera"));
 var _cameraOutline1 = /*#__PURE__*/ _interopRequireDefault(require("./24/camera_outline"));
 var _cancel3 = /*#__PURE__*/ _interopRequireDefault(require("./24/cancel"));
+var _cancelCircleFillRed1 = /*#__PURE__*/ _interopRequireDefault(require("./24/cancel_circle_fill_red"));
 var _cancelOutline1 = /*#__PURE__*/ _interopRequireDefault(require("./24/cancel_outline"));
 var _cards2Outline1 = /*#__PURE__*/ _interopRequireDefault(require("./24/cards_2_outline"));
 var _carOutline1 = /*#__PURE__*/ _interopRequireDefault(require("./24/car_outline"));
@@ -8340,6 +8367,7 @@ var _chats = /*#__PURE__*/ _interopRequireDefault(require("./24/chats"));
 var _checkBoxOff1 = /*#__PURE__*/ _interopRequireDefault(require("./24/check_box_off"));
 var _checkBoxOn1 = /*#__PURE__*/ _interopRequireDefault(require("./24/check_box_on"));
 var _checkCircleFilledBlue = /*#__PURE__*/ _interopRequireDefault(require("./24/check_circle_filled_blue"));
+var _checkCircleFillGreen1 = /*#__PURE__*/ _interopRequireDefault(require("./24/check_circle_fill_green"));
 var _checkCircleOff1 = /*#__PURE__*/ _interopRequireDefault(require("./24/check_circle_off"));
 var _checkCircleOn1 = /*#__PURE__*/ _interopRequireDefault(require("./24/check_circle_on"));
 var _checkCircleOutline2 = /*#__PURE__*/ _interopRequireDefault(require("./24/check_circle_outline"));
@@ -8358,6 +8386,7 @@ var _chevronRight1 = /*#__PURE__*/ _interopRequireDefault(require("./24/chevron_
 var _chevronRightSquareOutline = /*#__PURE__*/ _interopRequireDefault(require("./24/chevron_right_square_outline"));
 var _chevronUp2 = /*#__PURE__*/ _interopRequireDefault(require("./24/chevron_up"));
 var _clipOutline = /*#__PURE__*/ _interopRequireDefault(require("./24/clip_outline"));
+var _clockCircleFillGray = /*#__PURE__*/ _interopRequireDefault(require("./24/clock_circle_fill_gray"));
 var _clockOutline3 = /*#__PURE__*/ _interopRequireDefault(require("./24/clock_outline"));
 var _cloudArrowUpOutline1 = /*#__PURE__*/ _interopRequireDefault(require("./24/cloud_arrow_up_outline"));
 var _cloudOutline1 = /*#__PURE__*/ _interopRequireDefault(require("./24/cloud_outline"));
@@ -8421,6 +8450,8 @@ var _educationOutline2 = /*#__PURE__*/ _interopRequireDefault(require("./24/educ
 var _employeeOutline = /*#__PURE__*/ _interopRequireDefault(require("./24/employee_outline"));
 var _error = /*#__PURE__*/ _interopRequireDefault(require("./24/error"));
 var _errorCircle3 = /*#__PURE__*/ _interopRequireDefault(require("./24/error_circle"));
+var _errorCircleFillGray = /*#__PURE__*/ _interopRequireDefault(require("./24/error_circle_fill_gray"));
+var _errorCircleFillRed = /*#__PURE__*/ _interopRequireDefault(require("./24/error_circle_fill_red"));
 var _errorCircleOutline2 = /*#__PURE__*/ _interopRequireDefault(require("./24/error_circle_outline"));
 var _eternalFlameOutline = /*#__PURE__*/ _interopRequireDefault(require("./24/eternal_flame_outline"));
 var _euroOutline2 = /*#__PURE__*/ _interopRequireDefault(require("./24/euro_outline"));
@@ -8842,6 +8873,7 @@ var _arrowUturnLeftOutline3 = /*#__PURE__*/ _interopRequireDefault(require("./28
 var _arrowUturnRightOutline2 = /*#__PURE__*/ _interopRequireDefault(require("./28/arrow_uturn_right_outline"));
 var _articleOutline3 = /*#__PURE__*/ _interopRequireDefault(require("./28/article_outline"));
 var _articlesOutline2 = /*#__PURE__*/ _interopRequireDefault(require("./28/articles_outline"));
+var _articlesSlashOutline = /*#__PURE__*/ _interopRequireDefault(require("./28/articles_slash_outline"));
 var _attachCircleFillBlue = /*#__PURE__*/ _interopRequireDefault(require("./28/attach_circle_fill_blue"));
 var _attachments1 = /*#__PURE__*/ _interopRequireDefault(require("./28/attachments"));
 var _attachOutline = /*#__PURE__*/ _interopRequireDefault(require("./28/attach_outline"));
@@ -8889,7 +8921,7 @@ var _cameraOutline2 = /*#__PURE__*/ _interopRequireDefault(require("./28/camera_
 var _cameraSlashOutline = /*#__PURE__*/ _interopRequireDefault(require("./28/camera_slash_outline"));
 var _cancel4 = /*#__PURE__*/ _interopRequireDefault(require("./28/cancel"));
 var _cancelAltOutline = /*#__PURE__*/ _interopRequireDefault(require("./28/cancel_alt_outline"));
-var _cancelCircleFillRed1 = /*#__PURE__*/ _interopRequireDefault(require("./28/cancel_circle_fill_red"));
+var _cancelCircleFillRed2 = /*#__PURE__*/ _interopRequireDefault(require("./28/cancel_circle_fill_red"));
 var _cancelCircleOutline1 = /*#__PURE__*/ _interopRequireDefault(require("./28/cancel_circle_outline"));
 var _cancelOutline2 = /*#__PURE__*/ _interopRequireDefault(require("./28/cancel_outline"));
 var _cancelShieldOutline = /*#__PURE__*/ _interopRequireDefault(require("./28/cancel_shield_outline"));
@@ -8927,7 +8959,7 @@ var _clearDataOutline = /*#__PURE__*/ _interopRequireDefault(require("./28/clear
 var _clipCircleFillViolet1 = /*#__PURE__*/ _interopRequireDefault(require("./28/clip_circle_fill_violet"));
 var _clipOutline1 = /*#__PURE__*/ _interopRequireDefault(require("./28/clip_outline"));
 var _clock1 = /*#__PURE__*/ _interopRequireDefault(require("./28/clock"));
-var _clockCircleFillGray = /*#__PURE__*/ _interopRequireDefault(require("./28/clock_circle_fill_gray"));
+var _clockCircleFillGray1 = /*#__PURE__*/ _interopRequireDefault(require("./28/clock_circle_fill_gray"));
 var _clockOutline4 = /*#__PURE__*/ _interopRequireDefault(require("./28/clock_outline"));
 var _cloudArrowUpOutline2 = /*#__PURE__*/ _interopRequireDefault(require("./28/cloud_arrow_up_outline"));
 var _cloudOutline2 = /*#__PURE__*/ _interopRequireDefault(require("./28/cloud_outline"));

package/dist/typings/16/add_circle.d.ts

@@ -0,0 +1,12 @@
+import { SVGProps, Ref } from 'react';
+export interface Icon16AddCircleProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+    width?: number;
+    height?: number;
+    getRootRef?: Ref<SVGSVGElement>;
+    title?: string;
+    deprecated?: boolean;
+    replacement?: string;
+}
+declare const _default: import("react").FC<Icon16AddCircleProps>;
+export default _default;

package/dist/typings/20/heart_settings_outline.d.ts

@@ -0,0 +1,12 @@
+import { SVGProps, Ref } from 'react';
+export interface Icon20HeartSettingsOutlineProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+    width?: number;
+    height?: number;
+    getRootRef?: Ref<SVGSVGElement>;
+    title?: string;
+    deprecated?: boolean;
+    replacement?: string;
+}
+declare const _default: import("react").FC<Icon20HeartSettingsOutlineProps>;
+export default _default;

package/dist/typings/24/cancel_circle_fill_red.d.ts

@@ -0,0 +1,12 @@
+import { SVGProps, Ref } from 'react';
+export interface Icon24CancelCircleFillRedProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+    width?: number;
+    height?: number;
+    getRootRef?: Ref<SVGSVGElement>;
+    title?: string;
+    deprecated?: boolean;
+    replacement?: string;
+}
+declare const _default: import("react").FC<Icon24CancelCircleFillRedProps>;
+export default _default;

package/dist/typings/24/check_circle_fill_green.d.ts

@@ -0,0 +1,12 @@
+import { SVGProps, Ref } from 'react';
+export interface Icon24CheckCircleFillGreenProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+    width?: number;
+    height?: number;
+    getRootRef?: Ref<SVGSVGElement>;
+    title?: string;
+    deprecated?: boolean;
+    replacement?: string;
+}
+declare const _default: import("react").FC<Icon24CheckCircleFillGreenProps>;
+export default _default;

package/dist/typings/24/clock_circle_fill_gray.d.ts

@@ -0,0 +1,12 @@
+import { SVGProps, Ref } from 'react';
+export interface Icon24ClockCircleFillGrayProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+    width?: number;
+    height?: number;
+    getRootRef?: Ref<SVGSVGElement>;
+    title?: string;
+    deprecated?: boolean;
+    replacement?: string;
+}
+declare const _default: import("react").FC<Icon24ClockCircleFillGrayProps>;
+export default _default;

package/dist/typings/24/error_circle_fill_gray.d.ts

@@ -0,0 +1,12 @@
+import { SVGProps, Ref } from 'react';
+export interface Icon24ErrorCircleFillGrayProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+    width?: number;
+    height?: number;
+    getRootRef?: Ref<SVGSVGElement>;
+    title?: string;
+    deprecated?: boolean;
+    replacement?: string;
+}
+declare const _default: import("react").FC<Icon24ErrorCircleFillGrayProps>;
+export default _default;

package/dist/typings/24/error_circle_fill_red.d.ts

@@ -0,0 +1,12 @@
+import { SVGProps, Ref } from 'react';
+export interface Icon24ErrorCircleFillRedProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+    width?: number;
+    height?: number;
+    getRootRef?: Ref<SVGSVGElement>;
+    title?: string;
+    deprecated?: boolean;
+    replacement?: string;
+}
+declare const _default: import("react").FC<Icon24ErrorCircleFillRedProps>;
+export default _default;

package/dist/typings/28/articles_slash_outline.d.ts

@@ -0,0 +1,12 @@
+import { SVGProps, Ref } from 'react';
+export interface Icon28ArticlesSlashOutlineProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+    width?: number;
+    height?: number;
+    getRootRef?: Ref<SVGSVGElement>;
+    title?: string;
+    deprecated?: boolean;
+    replacement?: string;
+}
+declare const _default: import("react").FC<Icon28ArticlesSlashOutlineProps>;
+export default _default;

package/dist/typings/index.d.ts

@@ -92,6 +92,7 @@ export { default as Icon12Verified } from './12/verified';
 export { default as Icon12VerifiedAlt } from './12/verified_alt';
 export { default as Icon12View } from './12/view';
 export { default as Icon16Add } from './16/add';
+export { default as Icon16AddCircle } from './16/add_circle';
 export { default as Icon16AddCircleOutline } from './16/add_circle_outline';
 export { default as Icon16AddSquareOutline } from './16/add_square_outline';
 export { default as Icon16Advertising } from './16/advertising';
@@ -565,6 +566,7 @@ export { default as Icon20Grid4UnevenVerticalOutline } from './20/grid_4_uneven_
 export { default as Icon20Hand } from './20/hand';
 export { default as Icon20HeadphonesSupportOutline } from './20/headphones_support_outline';
 export { default as Icon20HealthOutline } from './20/health_outline';
+export { default as Icon20HeartSettingsOutline } from './20/heart_settings_outline';
 export { default as Icon20HelpOutline } from './20/help_outline';
 export { default as Icon20HideOutline } from './20/hide_outline';
 export { default as Icon20HieroglyphCharacterOutline } from './20/hieroglyph_character_outline';
@@ -933,6 +935,7 @@ export { default as Icon24CalendarOutline } from './24/calendar_outline';
 export { default as Icon24Camera } from './24/camera';
 export { default as Icon24CameraOutline } from './24/camera_outline';
 export { default as Icon24Cancel } from './24/cancel';
+export { default as Icon24CancelCircleFillRed } from './24/cancel_circle_fill_red';
 export { default as Icon24CancelOutline } from './24/cancel_outline';
 export { default as Icon24Cards2Outline } from './24/cards_2_outline';
 export { default as Icon24CarOutline } from './24/car_outline';
@@ -942,6 +945,7 @@ export { default as Icon24Chats } from './24/chats';
 export { default as Icon24CheckBoxOff } from './24/check_box_off';
 export { default as Icon24CheckBoxOn } from './24/check_box_on';
 export { default as Icon24CheckCircleFilledBlue } from './24/check_circle_filled_blue';
+export { default as Icon24CheckCircleFillGreen } from './24/check_circle_fill_green';
 export { default as Icon24CheckCircleOff } from './24/check_circle_off';
 export { default as Icon24CheckCircleOn } from './24/check_circle_on';
 export { default as Icon24CheckCircleOutline } from './24/check_circle_outline';
@@ -960,6 +964,7 @@ export { default as Icon24ChevronRight } from './24/chevron_right';
 export { default as Icon24ChevronRightSquareOutline } from './24/chevron_right_square_outline';
 export { default as Icon24ChevronUp } from './24/chevron_up';
 export { default as Icon24ClipOutline } from './24/clip_outline';
+export { default as Icon24ClockCircleFillGray } from './24/clock_circle_fill_gray';
 export { default as Icon24ClockOutline } from './24/clock_outline';
 export { default as Icon24CloudArrowUpOutline } from './24/cloud_arrow_up_outline';
 export { default as Icon24CloudOutline } from './24/cloud_outline';
@@ -1023,6 +1028,8 @@ export { default as Icon24EducationOutline } from './24/education_outline';
 export { default as Icon24EmployeeOutline } from './24/employee_outline';
 export { default as Icon24Error } from './24/error';
 export { default as Icon24ErrorCircle } from './24/error_circle';
+export { default as Icon24ErrorCircleFillGray } from './24/error_circle_fill_gray';
+export { default as Icon24ErrorCircleFillRed } from './24/error_circle_fill_red';
 export { default as Icon24ErrorCircleOutline } from './24/error_circle_outline';
 export { default as Icon24EternalFlameOutline } from './24/eternal_flame_outline';
 export { default as Icon24EuroOutline } from './24/euro_outline';
@@ -1444,6 +1451,7 @@ export { default as Icon28ArrowUturnLeftOutline } from './28/arrow_uturn_left_ou
 export { default as Icon28ArrowUturnRightOutline } from './28/arrow_uturn_right_outline';
 export { default as Icon28ArticleOutline } from './28/article_outline';
 export { default as Icon28ArticlesOutline } from './28/articles_outline';
+export { default as Icon28ArticlesSlashOutline } from './28/articles_slash_outline';
 export { default as Icon28AttachCircleFillBlue } from './28/attach_circle_fill_blue';
 export { default as Icon28Attachments } from './28/attachments';
 export { default as Icon28AttachOutline } from './28/attach_outline';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/icons",
-  "version": "2.25.0",
+  "version": "2.26.0",
   "description": "SVG icons, provided as a React components. With love from VKontakte",
   "repository": "https://github.com/VKCOM/icons",
   "homepage": "https://vkcom.github.io/icons/",

package/src/svg/16/add_circle_16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0Z" opacity=".12"/><path fill-rule="evenodd" d="M8.9 4.9a.9.9 0 0 0-1.8 0v2.2H4.9a.9.9 0 0 0 0 1.8h2.2v2.2a.9.9 0 1 0 1.8 0V8.9h2.2a.9.9 0 1 0 0-1.8H8.9V4.9Z" clip-rule="evenodd"/></svg>

package/src/svg/20/heart_settings_outline_20.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 20 20"><path d="M6.371 2.5A5.371 5.371 0 0 0 1 7.871c0 1.39.285 2.563 1.263 3.843.88 1.151 2.314 2.373 4.44 4.026l1.418 1.103a.75.75 0 0 0 .92-1.184l-1.418-1.103c-2.142-1.667-3.423-2.778-4.168-3.753C2.71 9.828 2.5 8.99 2.5 7.87A3.871 3.871 0 0 1 6.371 4c1.124 0 2.137.53 3.055 1.622a.75.75 0 0 0 1.148 0C11.492 4.529 12.505 4 13.63 4a3.871 3.871 0 0 1 3.87 3.865l-.002.123a.75.75 0 1 0 1.5.024L19 7.884V7.87a5.371 5.371 0 0 0-5.371-5.37c-1.4 0-2.611.571-3.629 1.543C8.982 3.07 7.771 2.5 6.371 2.5Z"/><path fill-rule="evenodd" d="m15.063 9.375.017.058c.094.319.187.636.716.942.63.17.937 0 1.223-.19.298-.199.387-.141.506-.024l.29.29c.132.132.185.185 0 .53l-.03.053c-.158.292-.317.583-.158 1.173.324.565.66.663.998.73.352.07.373.174.375.341v.41c0 .187 0 .262-.375.374l-.059.018c-.318.094-.636.187-.94.716-.172.63-.002.937.189 1.223.198.298.14.387.024.506l-.29.29c-.132.132-.185.185-.53 0l-.054-.03c-.291-.159-.582-.317-1.172-.159-.565.325-.663.662-.73.999-.07.351-.174.373-.341.375h-.41c-.187 0-.262 0-.374-.375l-.018-.059c-.094-.318-.187-.636-.716-.941-.63-.17-.937-.001-1.223.19-.298.198-.387.14-.506.023l-.29-.289c-.132-.132-.185-.186 0-.53l.03-.054c.158-.291.317-.582.158-1.173-.324-.565-.66-.662-.998-.73-.352-.07-.373-.173-.375-.34v-.41c0-.187 0-.262.375-.375l.059-.017c.318-.094.636-.188.94-.717.171-.629.002-.936-.189-1.222-.198-.299-.14-.387-.024-.506l.29-.29c.132-.132.185-.185.53 0l.054.03c.291.158.582.317 1.172.158.565-.324.663-.661.73-.998.07-.352.174-.374.341-.375h.41c.187 0 .262 0 .374.375Zm1.406 4.125a1.969 1.969 0 1 1-3.938 0 1.969 1.969 0 0 1 3.938 0Z" clip-rule="evenodd"/></svg>

package/src/svg/24/cancel_circle_fill_red_24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#FF3347" d="M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"/><path fill="#fff" d="M7.293 8.707a1 1 0 0 1 1.414-1.414L12 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414L13.414 12l3.293 3.293a1 1 0 0 1-1.414 1.414L12 13.414l-3.293 3.293a1 1 0 0 1-1.414-1.414L10.586 12 7.293 8.707Z"/></svg>

package/src/svg/24/check_circle_fill_green_24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#4BB34B" d="M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"/><path fill="#fff" fill-rule="evenodd" d="M18.207 7.793a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414 0l-3.5-3.5a1 1 0 1 1 1.414-1.414L10 14.586l6.793-6.793a1 1 0 0 1 1.414 0Z" clip-rule="evenodd"/></svg>

package/src/svg/24/clock_circle_fill_gray_24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#A3ADB8" d="M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z"/><path fill="#fff" fill-rule="evenodd" d="M11.499 4.998c.55 0 .996.448.996 1l-.001 7.194 5.054 1.869a1 1 0 0 1-.69 1.876l-5.706-2.11a1 1 0 0 1-.652-.938l.002-7.891c0-.552.446-1 .997-1Z" clip-rule="evenodd"/></svg>

package/src/svg/24/error_circle_fill_gray_24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><circle cx="12" cy="12" r="12" fill="#A3ADB8"/><path fill="#fff" d="M12 5c-.815 0-1.464.684-1.421 1.498l.368 7.003.006.093A1 1 0 0 0 12 14.5h.092a1 1 0 0 0 .955-.906l.006-.093.368-7.003A1.423 1.423 0 0 0 12 5Zm0 11a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"/></svg>

package/src/svg/24/error_circle_fill_red_24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><circle cx="12" cy="12" r="12" fill="#FF3347"/><path fill="#fff" d="M12 5c-.815 0-1.464.684-1.421 1.498l.368 7.003.006.093A1 1 0 0 0 12 14.5h.092a1 1 0 0 0 .955-.906l.006-.093.368-7.003A1.423 1.423 0 0 0 12 5Zm0 11a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"/></svg>

package/src/svg/28/articles_slash_outline_28.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" viewBox="0 0 28 28"><path d="M5.71 3.298a1 1 0 0 0-1.414 1.414l1.29 1.29H3.002a1 1 0 0 0 0 2h3v7.003a1 1 0 1 0 2 0V8.417l5.586 5.588H12a1 1 0 1 0 0 2h3.59l4 4H7a1 1 0 1 0 0 2h14.587l2.708 2.707a1 1 0 0 0 1.414-1.414l-20-20ZM15 9.002a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1Zm7.004 5.003a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2Z"/></svg>

package/ts/16/add_circle.ts

@@ -0,0 +1,24 @@
+import { SVGProps, Ref } from 'react';
+import { makeIcon } from '@vkontakte/icons-sprite';
+
+export interface Icon16AddCircleProps extends SVGProps<SVGSVGElement> {
+  fill?: string;
+  width?: number;
+  height?: number;
+  getRootRef?: Ref<SVGSVGElement>;
+  title?: string;
+  deprecated?: boolean;
+  replacement?: string;
+}
+
+
+export default makeIcon<Icon16AddCircleProps>(
+  'Icon16AddCircle',
+  'add_circle_16',
+  '0 0 16 16',
+  '<symbol xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" id="add_circle_16"><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0Z" opacity=".12" /><path fill-rule="evenodd" d="M8.9 4.9a.9.9 0 0 0-1.8 0v2.2H4.9a.9.9 0 0 0 0 1.8h2.2v2.2a.9.9 0 1 0 1.8 0V8.9h2.2a.9.9 0 1 0 0-1.8H8.9V4.9Z" clip-rule="evenodd" /></symbol>',
+  16,
+  16,
+  false,
+  undefined
+);

package/ts/20/heart_settings_outline.ts

@@ -0,0 +1,24 @@
+import { SVGProps, Ref } from 'react';
+import { makeIcon } from '@vkontakte/icons-sprite';
+
+export interface Icon20HeartSettingsOutlineProps extends SVGProps<SVGSVGElement> {
+  fill?: string;
+  width?: number;
+  height?: number;
+  getRootRef?: Ref<SVGSVGElement>;
+  title?: string;
+  deprecated?: boolean;
+  replacement?: string;
+}
+
+
+export default makeIcon<Icon20HeartSettingsOutlineProps>(
+  'Icon20HeartSettingsOutline',
+  'heart_settings_outline_20',
+  '0 0 20 20',
+  '<symbol xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20" id="heart_settings_outline_20"><path d="M6.371 2.5A5.371 5.371 0 0 0 1 7.871c0 1.39.285 2.563 1.263 3.843.88 1.151 2.314 2.373 4.44 4.026l1.418 1.103a.75.75 0 0 0 .92-1.184l-1.418-1.103c-2.142-1.667-3.423-2.778-4.168-3.753C2.71 9.828 2.5 8.99 2.5 7.87A3.871 3.871 0 0 1 6.371 4c1.124 0 2.137.53 3.055 1.622a.75.75 0 0 0 1.148 0C11.492 4.529 12.505 4 13.63 4a3.871 3.871 0 0 1 3.87 3.865l-.002.123a.75.75 0 1 0 1.5.024L19 7.884V7.87a5.371 5.371 0 0 0-5.371-5.37c-1.4 0-2.611.571-3.629 1.543C8.982 3.07 7.771 2.5 6.371 2.5Z" /><path fill-rule="evenodd" d="m15.063 9.375.017.058c.094.319.187.636.716.942.63.17.937 0 1.223-.19.298-.199.387-.141.506-.024l.29.29c.132.132.185.185 0 .53l-.03.053c-.158.292-.317.583-.158 1.173.324.565.66.663.998.73.352.07.373.174.375.341v.41c0 .187 0 .262-.375.374l-.059.018c-.318.094-.636.187-.94.716-.172.63-.002.937.189 1.223.198.298.14.387.024.506l-.29.29c-.132.132-.185.185-.53 0l-.054-.03c-.291-.159-.582-.317-1.172-.159-.565.325-.663.662-.73.999-.07.351-.174.373-.341.375h-.41c-.187 0-.262 0-.374-.375l-.018-.059c-.094-.318-.187-.636-.716-.941-.63-.17-.937-.001-1.223.19-.298.198-.387.14-.506.023l-.29-.289c-.132-.132-.185-.186 0-.53l.03-.054c.158-.291.317-.582.158-1.173-.324-.565-.66-.662-.998-.73-.352-.07-.373-.173-.375-.34v-.41c0-.187 0-.262.375-.375l.059-.017c.318-.094.636-.188.94-.717.171-.629.002-.936-.189-1.222-.198-.299-.14-.387-.024-.506l.29-.29c.132-.132.185-.185.53 0l.054.03c.291.158.582.317 1.172.158.565-.324.663-.661.73-.998.07-.352.174-.374.341-.375h.41c.187 0 .262 0 .374.375Zm1.406 4.125a1.969 1.969 0 1 1-3.938 0 1.969 1.969 0 0 1 3.938 0Z" clip-rule="evenodd" /></symbol>',
+  20,
+  20,
+  false,
+  undefined
+);

package/ts/24/cancel_circle_fill_red.ts

@@ -0,0 +1,24 @@
+import { SVGProps, Ref } from 'react';
+import { makeIcon } from '@vkontakte/icons-sprite';
+
+export interface Icon24CancelCircleFillRedProps extends SVGProps<SVGSVGElement> {
+  fill?: string;
+  width?: number;
+  height?: number;
+  getRootRef?: Ref<SVGSVGElement>;
+  title?: string;
+  deprecated?: boolean;
+  replacement?: string;
+}
+
+
+export default makeIcon<Icon24CancelCircleFillRedProps>(
+  'Icon24CancelCircleFillRed',
+  'cancel_circle_fill_red_24',
+  '0 0 24 24',
+  '<symbol xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" id="cancel_circle_fill_red_24"><path fill="#FF3347" d="M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z" /><path fill="#fff" d="M7.293 8.707a1 1 0 0 1 1.414-1.414L12 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414L13.414 12l3.293 3.293a1 1 0 0 1-1.414 1.414L12 13.414l-3.293 3.293a1 1 0 0 1-1.414-1.414L10.586 12 7.293 8.707Z" /></symbol>',
+  24,
+  24,
+  false,
+  undefined
+);

package/ts/24/check_circle_fill_green.ts

@@ -0,0 +1,24 @@
+import { SVGProps, Ref } from 'react';
+import { makeIcon } from '@vkontakte/icons-sprite';
+
+export interface Icon24CheckCircleFillGreenProps extends SVGProps<SVGSVGElement> {
+  fill?: string;
+  width?: number;
+  height?: number;
+  getRootRef?: Ref<SVGSVGElement>;
+  title?: string;
+  deprecated?: boolean;
+  replacement?: string;
+}
+
+
+export default makeIcon<Icon24CheckCircleFillGreenProps>(
+  'Icon24CheckCircleFillGreen',
+  'check_circle_fill_green_24',
+  '0 0 24 24',
+  '<symbol xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" id="check_circle_fill_green_24"><path fill="#4BB34B" d="M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z" /><path fill="#fff" fill-rule="evenodd" d="M18.207 7.793a1 1 0 0 1 0 1.414l-7.5 7.5a1 1 0 0 1-1.414 0l-3.5-3.5a1 1 0 1 1 1.414-1.414L10 14.586l6.793-6.793a1 1 0 0 1 1.414 0Z" clip-rule="evenodd" /></symbol>',
+  24,
+  24,
+  false,
+  undefined
+);

package/ts/24/clock_circle_fill_gray.ts

@@ -0,0 +1,24 @@
+import { SVGProps, Ref } from 'react';
+import { makeIcon } from '@vkontakte/icons-sprite';
+
+export interface Icon24ClockCircleFillGrayProps extends SVGProps<SVGSVGElement> {
+  fill?: string;
+  width?: number;
+  height?: number;
+  getRootRef?: Ref<SVGSVGElement>;
+  title?: string;
+  deprecated?: boolean;
+  replacement?: string;
+}
+
+
+export default makeIcon<Icon24ClockCircleFillGrayProps>(
+  'Icon24ClockCircleFillGray',
+  'clock_circle_fill_gray_24',
+  '0 0 24 24',
+  '<symbol xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" id="clock_circle_fill_gray_24"><path fill="#A3ADB8" d="M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Z" /><path fill="#fff" fill-rule="evenodd" d="M11.499 4.998c.55 0 .996.448.996 1l-.001 7.194 5.054 1.869a1 1 0 0 1-.69 1.876l-5.706-2.11a1 1 0 0 1-.652-.938l.002-7.891c0-.552.446-1 .997-1Z" clip-rule="evenodd" /></symbol>',
+  24,
+  24,
+  false,
+  undefined
+);

package/ts/24/error_circle_fill_gray.ts

@@ -0,0 +1,24 @@
+import { SVGProps, Ref } from 'react';
+import { makeIcon } from '@vkontakte/icons-sprite';
+
+export interface Icon24ErrorCircleFillGrayProps extends SVGProps<SVGSVGElement> {
+  fill?: string;
+  width?: number;
+  height?: number;
+  getRootRef?: Ref<SVGSVGElement>;
+  title?: string;
+  deprecated?: boolean;
+  replacement?: string;
+}
+
+
+export default makeIcon<Icon24ErrorCircleFillGrayProps>(
+  'Icon24ErrorCircleFillGray',
+  'error_circle_fill_gray_24',
+  '0 0 24 24',
+  '<symbol xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" id="error_circle_fill_gray_24"><circle cx="12" cy="12" r="12" fill="#A3ADB8" /><path fill="#fff" d="M12 5c-.815 0-1.464.684-1.421 1.498l.368 7.003.006.093A1 1 0 0 0 12 14.5h.092a1 1 0 0 0 .955-.906l.006-.093.368-7.003A1.423 1.423 0 0 0 12 5Zm0 11a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" /></symbol>',
+  24,
+  24,
+  false,
+  undefined
+);

package/ts/24/error_circle_fill_red.ts

@@ -0,0 +1,24 @@
+import { SVGProps, Ref } from 'react';
+import { makeIcon } from '@vkontakte/icons-sprite';
+
+export interface Icon24ErrorCircleFillRedProps extends SVGProps<SVGSVGElement> {
+  fill?: string;
+  width?: number;
+  height?: number;
+  getRootRef?: Ref<SVGSVGElement>;
+  title?: string;
+  deprecated?: boolean;
+  replacement?: string;
+}
+
+
+export default makeIcon<Icon24ErrorCircleFillRedProps>(
+  'Icon24ErrorCircleFillRed',
+  'error_circle_fill_red_24',
+  '0 0 24 24',
+  '<symbol xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" id="error_circle_fill_red_24"><circle cx="12" cy="12" r="12" fill="#FF3347" /><path fill="#fff" d="M12 5c-.815 0-1.464.684-1.421 1.498l.368 7.003.006.093A1 1 0 0 0 12 14.5h.092a1 1 0 0 0 .955-.906l.006-.093.368-7.003A1.423 1.423 0 0 0 12 5Zm0 11a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" /></symbol>',
+  24,
+  24,
+  false,
+  undefined
+);

package/ts/28/articles_slash_outline.ts

@@ -0,0 +1,24 @@
+import { SVGProps, Ref } from 'react';
+import { makeIcon } from '@vkontakte/icons-sprite';
+
+export interface Icon28ArticlesSlashOutlineProps extends SVGProps<SVGSVGElement> {
+  fill?: string;
+  width?: number;
+  height?: number;
+  getRootRef?: Ref<SVGSVGElement>;
+  title?: string;
+  deprecated?: boolean;
+  replacement?: string;
+}
+
+
+export default makeIcon<Icon28ArticlesSlashOutlineProps>(
+  'Icon28ArticlesSlashOutline',
+  'articles_slash_outline_28',
+  '0 0 28 28',
+  '<symbol xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 28 28" id="articles_slash_outline_28"><path d="M5.71 3.298a1 1 0 0 0-1.414 1.414l1.29 1.29H3.002a1 1 0 0 0 0 2h3v7.003a1 1 0 1 0 2 0V8.417l5.586 5.588H12a1 1 0 1 0 0 2h3.59l4 4H7a1 1 0 1 0 0 2h14.587l2.708 2.707a1 1 0 0 0 1.414-1.414l-20-20ZM15 9.002a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1Zm7.004 5.003a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2Z" /></symbol>',
+  28,
+  28,
+  false,
+  undefined
+);