feat(icons): New artificial intelligence and my handy icons (#1310)

src/generated/mistica-icons/icon-artificial-intelligence-filled.tsx

@@ -0,0 +1,28 @@
+'use client';
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */
+
+import * as React from 'react';
+import {useIsInverseOrMediaVariant} from '../../theme-variant-context';
+import {vars} from '../../skins/skin-contract.css';
+
+import type {IconProps} from '../../utils/types';
+
+const IconArtificialIntelligenceFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => {
+    const isInverse = useIsInverseOrMediaVariant();
+    const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh);
+
+    return (
+        <svg width={size} height={size} viewBox="0 0 24 24" role="presentation" {...rest}>
+            <path
+                fill={fillColor}
+                d="m4.332 7.975-.79-1.75-1.75-.79a.5.5 0 0 1 0-.91l1.75-.79.79-1.76a.5.5 0 0 1 .91 0l.79 1.75 1.76.79a.5.5 0 0 1 0 .91l-1.75.79-.79 1.76c-.18.39-.74.39-.92 0M6.539 22.014l-.79-1.75-1.75-.79a.5.5 0 0 1 0-.91l1.75-.79.79-1.76a.5.5 0 0 1 .91 0l.79 1.75 1.76.79a.5.5 0 0 1 0 .91l-1.75.79-.79 1.76c-.18.39-.74.39-.92 0M15.006 6l-1.59 3.5-3.5 1.59c-.78.35-.78 1.46 0 1.82l3.5 1.59 1.59 3.5c.35.78 1.46.78 1.82 0l1.59-3.5 3.5-1.59c.78-.35.78-1.46 0-1.82l-3.5-1.59-1.59-3.5c-.35-.78-1.47-.78-1.82 0"
+            />
+        </svg>
+    );
+};
+
+export default IconArtificialIntelligenceFilled;

src/generated/mistica-icons/icon-artificial-intelligence-light.tsx

@@ -0,0 +1,28 @@
+'use client';
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */
+
+import * as React from 'react';
+import {useIsInverseOrMediaVariant} from '../../theme-variant-context';
+import {vars} from '../../skins/skin-contract.css';
+
+import type {IconProps} from '../../utils/types';
+
+const IconArtificialIntelligenceLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => {
+    const isInverse = useIsInverseOrMediaVariant();
+    const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh);
+
+    return (
+        <svg width={size} height={size} viewBox="0 0 24 24" role="presentation" {...rest}>
+            <path
+                fill={fillColor}
+                d="m3.541 6.225.79 1.75c.18.39.74.39.92 0l.79-1.76 1.75-.79a.5.5 0 0 0 0-.91l-1.76-.79-.79-1.75a.5.5 0 0 0-.91 0l-.79 1.76-1.75.79a.5.5 0 0 0 0 .91zm.658-.658-.83-.374a.237.237 0 0 1 0-.432l.83-.374.374-.834a.237.237 0 0 1 .432 0l.374.83.834.374a.237.237 0 0 1 0 .431l-.83.374-.373.835a.24.24 0 0 1-.437 0zM15.006 6l-1.59 3.5-3.5 1.59c-.78.35-.78 1.46 0 1.82l3.5 1.59 1.59 3.5c.35.78 1.46.78 1.82 0l1.59-3.5 3.5-1.59c.78-.35.78-1.46 0-1.82l-3.5-1.59-1.59-3.5c-.35-.78-1.47-.78-1.82 0m-.721 7.631-3.46-1.475c-.258-.18 0-.29 0-.29l3.46-1.484 1.39-3.26c.131-.275.372-.38.521 0l1.338 3.247 3.34 1.427c.183.081.164.264.045.32l-3.371 1.502-1.46 3.165c-.098.197-.285.34-.434 0zM6.539 22.014l-.79-1.75-1.75-.79a.5.5 0 0 1 0-.91l1.75-.79.79-1.76a.5.5 0 0 1 .91 0l.79 1.75 1.76.79a.5.5 0 0 1 0 .91l-1.75.79-.79 1.76c-.18.39-.74.39-.92 0m.242-1.578a.24.24 0 0 0 .436 0l.374-.835.83-.374a.237.237 0 0 0 0-.431l-.835-.375-.374-.83a.237.237 0 0 0-.431 0l-.375.835-.83.374a.237.237 0 0 0 0 .432l.83.374z"
+            />
+        </svg>
+    );
+};
+
+export default IconArtificialIntelligenceLight;

src/generated/mistica-icons/icon-artificial-intelligence-regular.tsx

@@ -0,0 +1,28 @@
+'use client';
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */
+
+import * as React from 'react';
+import {useIsInverseOrMediaVariant} from '../../theme-variant-context';
+import {vars} from '../../skins/skin-contract.css';
+
+import type {IconProps} from '../../utils/types';
+
+const IconArtificialIntelligenceRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => {
+    const isInverse = useIsInverseOrMediaVariant();
+    const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh);
+
+    return (
+        <svg width={size} height={size} viewBox="0 0 24 24" role="presentation" {...rest}>
+            <path
+                fill={fillColor}
+                d="m4.332 7.975-.79-1.75-1.75-.79a.5.5 0 0 1 0-.91l1.75-.79.79-1.76a.5.5 0 0 1 .91 0l.79 1.75 1.76.79a.5.5 0 0 1 0 .91l-1.75.79-.79 1.76c-.18.39-.74.39-.92 0M6.539 22.014l-.79-1.75-1.75-.79a.5.5 0 0 1 0-.91l1.75-.79.79-1.76a.5.5 0 0 1 .91 0l.79 1.75 1.76.79a.5.5 0 0 1 0 .91l-1.75.79-.79 1.76c-.18.39-.74.39-.92 0M13.416 9.5l1.59-3.5c.35-.78 1.47-.78 1.82 0l1.59 3.5 3.5 1.59c.78.36.78 1.47 0 1.82l-3.5 1.59-1.59 3.5c-.36.78-1.47.78-1.82 0l-1.59-3.5-3.5-1.59c-.78-.36-.78-1.47 0-1.82zm2.04 5.5c.18.39.74.39.92 0l.79-1.76 1.75-.79a.5.5 0 0 0 0-.91l-1.76-.79-.79-1.75a.5.5 0 0 0-.91 0l-.79 1.76-1.75.79a.5.5 0 0 0 0 .91l1.75.79z"
+            />
+        </svg>
+    );
+};
+
+export default IconArtificialIntelligenceRegular;

src/generated/mistica-icons/icon-my-handy-filled.tsx

@@ -0,0 +1,28 @@
+'use client';
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */
+
+import * as React from 'react';
+import {useIsInverseOrMediaVariant} from '../../theme-variant-context';
+import {vars} from '../../skins/skin-contract.css';
+
+import type {IconProps} from '../../utils/types';
+
+const IconMyHandyFilled = ({color, size = 24, ...rest}: IconProps): JSX.Element => {
+    const isInverse = useIsInverseOrMediaVariant();
+    const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh);
+
+    return (
+        <svg width={size} height={size} viewBox="0 0 24 24" role="presentation" {...rest}>
+            <path
+                fill={fillColor}
+                d="M15.079 2c1.823 0 3.318 1.504 3.41 3.388H5.507C5.6 3.504 7.094 2 8.918 2zM18.5 6.46h-13v11.08h13zM8.349 10.276q.048-.054.144-.054h.384l.02.507q.045-.082.1-.153a1 1 0 0 1 .372-.3q.216-.108.468-.108.306 0 .528.144.222.138.336.39.02.04.035.082.058-.113.133-.208a1 1 0 0 1 .372-.3q.216-.108.468-.108.306 0 .528.144.222.138.336.39.12.246.12.564v1.86h-.456q-.096 0-.144-.048a.2.2 0 0 1-.048-.144V11.35q0-.198-.054-.348a.46.46 0 0 0-.18-.24.54.54 0 0 0-.324-.09.65.65 0 0 0-.372.102.65.65 0 0 0-.222.294 1.3 1.3 0 0 0-.072.462v1.596h-.648V11.35q0-.198-.054-.348a.46.46 0 0 0-.18-.24.54.54 0 0 0-.324-.09.65.65 0 0 0-.372.102.65.65 0 0 0-.222.294 1.2 1.2 0 0 0-.078.462v1.596H8.3v-2.712q0-.09.048-.138m4.94 4.242a.7.7 0 0 1-.138-.024q-.102-.018-.144-.066-.042-.042-.042-.12v-.318l.198.024q.108.012.192.012.21 0 .354-.066a.6.6 0 0 0 .264-.216q.114-.156.228-.444l.09-.216-1.17-2.628q-.048-.102-.012-.168.042-.066.156-.066h.444l.882 2.13.816-2.13h.654l-1.26 3.078q-.18.438-.36.696a1.2 1.2 0 0 1-.42.396q-.24.132-.582.132-.072 0-.15-.006M5.508 18.612C5.596 20.496 7.09 22 8.918 22h6.157c1.827 0 3.322-1.504 3.41-3.388z"
+            />
+        </svg>
+    );
+};
+
+export default IconMyHandyFilled;

src/generated/mistica-icons/icon-my-handy-light.tsx

@@ -0,0 +1,32 @@
+'use client';
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */
+
+import * as React from 'react';
+import {useIsInverseOrMediaVariant} from '../../theme-variant-context';
+import {vars} from '../../skins/skin-contract.css';
+
+import type {IconProps} from '../../utils/types';
+
+const IconMyHandyLight = ({color, size = 24, ...rest}: IconProps): JSX.Element => {
+    const isInverse = useIsInverseOrMediaVariant();
+    const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh);
+
+    return (
+        <svg width={size} height={size} viewBox="0 0 24 24" role="presentation" {...rest}>
+            <path
+                fill={fillColor}
+                d="M8.25 10.38q0-.094.049-.143.047-.056.146-.056h.39l.02.524q.045-.086.101-.159.159-.204.378-.31.219-.111.475-.111a.95.95 0 0 1 .536.149q.225.143.34.403.02.04.037.084a1.3 1.3 0 0 1 .134-.214q.158-.205.377-.31.22-.112.475-.112a.95.95 0 0 1 .536.149q.225.143.341.403.122.254.122.582v1.922h-.463q-.098 0-.146-.05a.22.22 0 0 1-.049-.149v-1.636q0-.204-.054-.36a.47.47 0 0 0-.183-.247.55.55 0 0 0-.329-.093.65.65 0 0 0-.377.105.67.67 0 0 0-.226.304 1.4 1.4 0 0 0-.073.477v1.649h-.657v-1.835q0-.204-.055-.36a.47.47 0 0 0-.183-.247.55.55 0 0 0-.329-.093.65.65 0 0 0-.377.105.67.67 0 0 0-.225.304q-.08.198-.08.477v1.649H8.25zM13.464 14.625q-.074 0-.152-.006a.7.7 0 0 1-.14-.025q-.104-.018-.146-.068-.043-.044-.043-.124v-.329l.201.025q.11.012.195.012a.85.85 0 0 0 .36-.068.6.6 0 0 0 .267-.223q.115-.16.232-.459l.09-.223-1.186-2.715q-.05-.105-.013-.173.044-.069.159-.068h.45l.895 2.2.828-2.2h.664l-1.279 3.18a4 4 0 0 1-.365.718 1.25 1.25 0 0 1-.426.41q-.244.135-.59.136"
+            />
+            <path
+                fill={fillColor}
+                d="M15.216 2H8.784A3.58 3.58 0 0 0 5.212 5.57v12.856A3.58 3.58 0 0 0 8.784 22h6.428a3.58 3.58 0 0 0 3.572-3.572V5.571c0-1.968-1.6-3.572-3.568-3.572M6.644 17.36V6.642H17.36V17.36zM6.672 5.21a2.15 2.15 0 0 1 2.112-1.784h6.428c1.06 0 1.94.772 2.112 1.784zm8.544 15.36H8.784c-1.06 0-1.94-.772-2.112-1.784h10.652a2.14 2.14 0 0 1-2.108 1.784"
+            />
+        </svg>
+    );
+};
+
+export default IconMyHandyLight;

src/generated/mistica-icons/icon-my-handy-regular.tsx

@@ -0,0 +1,32 @@
+'use client';
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */
+
+import * as React from 'react';
+import {useIsInverseOrMediaVariant} from '../../theme-variant-context';
+import {vars} from '../../skins/skin-contract.css';
+
+import type {IconProps} from '../../utils/types';
+
+const IconMyHandyRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element => {
+    const isInverse = useIsInverseOrMediaVariant();
+    const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh);
+
+    return (
+        <svg width={size} height={size} viewBox="0 0 24 24" role="presentation" {...rest}>
+            <path
+                fill={fillColor}
+                d="M8.25 10.38q0-.094.049-.143.047-.056.146-.056h.39l.02.524q.045-.086.101-.159.159-.204.378-.31.219-.111.475-.111a.95.95 0 0 1 .536.149q.225.143.34.403.02.04.037.084a1.3 1.3 0 0 1 .134-.214q.158-.205.377-.31.22-.112.475-.112a.95.95 0 0 1 .536.149q.225.143.341.403.122.254.122.582v1.922h-.463q-.097 0-.146-.05a.22.22 0 0 1-.049-.149v-1.636q0-.204-.054-.36a.47.47 0 0 0-.183-.247.55.55 0 0 0-.329-.093.65.65 0 0 0-.377.105.67.67 0 0 0-.226.304 1.4 1.4 0 0 0-.073.477v1.649h-.657v-1.835q0-.204-.055-.36a.47.47 0 0 0-.183-.247.55.55 0 0 0-.329-.093.65.65 0 0 0-.377.105.67.67 0 0 0-.225.304q-.08.198-.08.477v1.649H8.25zM13.464 14.625q-.074 0-.152-.006a.7.7 0 0 1-.14-.025q-.104-.018-.146-.068-.043-.044-.043-.124v-.329l.201.025q.11.012.195.012a.85.85 0 0 0 .36-.068.6.6 0 0 0 .267-.223q.115-.16.232-.459l.09-.223-1.186-2.715q-.05-.105-.013-.173.044-.069.159-.068h.45l.895 2.2.828-2.2h.664l-1.279 3.18a4 4 0 0 1-.365.718 1.26 1.26 0 0 1-.426.41q-.244.135-.59.136"
+            />
+            <path
+                fill={fillColor}
+                d="M15.216 2H8.784A3.58 3.58 0 0 0 5.212 5.57v12.856A3.58 3.58 0 0 0 8.784 22h6.428a3.58 3.58 0 0 0 3.572-3.572V5.571c0-1.968-1.6-3.572-3.568-3.572M6.644 17.36V6.642H17.36V17.36zM6.672 5.21a2.15 2.15 0 0 1 2.112-1.784h6.428c1.06 0 1.94.772 2.112 1.784zm8.544 15.36H8.784c-1.06 0-1.94-.772-2.112-1.784h10.652a2.14 2.14 0 0 1-2.108 1.784"
+            />
+        </svg>
+    );
+};
+
+export default IconMyHandyRegular;

src/generated/mistica-icons/icon-router-regular.tsx

@@ -16,16 +16,7 @@ const IconRouterRegular = ({color, size = 24, ...rest}: IconProps): JSX.Element
     const isInverse = useIsInverseOrMediaVariant();
     const fillColor = color ?? (isInverse ? vars.colors.inverse : vars.colors.neutralHigh);
     const {skinName} = useTheme();
-    if (skinName.match(/^vivo-new/i)) {
-        return (
-            <svg width={size} height={size} viewBox="0 0 24 24" role="presentation" {...rest}>
-                <path
-                    fill={fillColor}
-                    d="M3.176 6.857c0 .208.12.49.527.824.403.33 1.02.655 1.836.939 1.626.565 3.91.925 6.461.925 2.55 0 4.835-.36 6.46-.925.816-.284 1.434-.608 1.837-.94.407-.333.526-.615.526-.823s-.12-.49-.526-.824c-.403-.33-1.02-.655-1.836-.938-1.626-.566-3.91-.926-6.461-.926-2.55 0-4.835.36-6.46.926-.816.283-1.434.607-1.837.939-.407.334-.527.615-.527.823M2 6.857c0-.695.407-1.275.953-1.724.55-.452 1.31-.833 2.198-1.142C6.93 3.372 9.353 3 12 3s5.069.372 6.85.991c.887.309 1.647.69 2.197 1.142.546.449.953 1.029.953 1.724v10.13c0 .706-.395 1.304-.942 1.776-.55.473-1.311.873-2.2 1.197C17.074 20.61 14.65 21 12 21s-5.074-.39-6.858-1.04c-.889-.324-1.65-.724-2.2-1.197-.547-.472-.942-1.07-.942-1.776zm18.824 1.896c-.525.378-1.202.701-1.975.97-1.78.62-4.202.991-6.849.991s-5.069-.372-6.85-.991c-.772-.269-1.449-.592-1.974-.97v8.234c0 .241.133.545.537.893.403.347 1.02.686 1.834.983 1.623.59 3.905.968 6.453.968s4.83-.377 6.453-.968c.814-.297 1.43-.636 1.834-.983.404-.348.537-.652.537-.893z"
-                />
-            </svg>
-        );
-    } else if (skinName.match(/^o2-new/i)) {
+    if (skinName.match(/^o2-new/i)) {
         return (
             <svg width={size} height={size} viewBox="0 0 24 24" role="presentation" {...rest}>
                 <path

src/generated/mistica-icons/icon-video-camera-disabled-filled.tsx

@@ -30,7 +30,7 @@ const IconVideoCameraDisabledFilled = ({color, size = 24, ...rest}: IconProps):
             <svg width={size} height={size} viewBox="0 0 24 24" role="presentation" {...rest}>
                 <path
                     fill={fillColor}
-                    d="M17.372 4.631a.51.51 0 0 0-.723.039L4.065 18.648a.51.51 0 0 0 .382.852c.123 0 .28-.056.382-.169L17.41 5.356a.51.51 0 0 0-.039-.722zM14.165 6.011H5.673c-1.061 0-1.923.86-1.923 1.92v8.14c0 .416.133.8.356 1.115zM7.253 9.009a.499.499 0 1 1 0 .998.499.499 0 1 1 0-.998M19.281 7.826a.66.66 0 0 1 .65.01h-.004c.2.118.324.334.324.564v7.204a.654.654 0 0 1-.985.563l-2.99-1.672v1.577c0 1.06-.861 1.92-1.923 1.92H7.31l8.966-9.96v1.474z"
+                    d="M18.512 3.069a.62.62 0 0 0-.877.046L2.382 20.057a.618.618 0 0 0 .463 1.034c.15 0 .339-.069.463-.205l15.25-16.94a.62.62 0 0 0-.046-.874zM14.625 4.74H4.33a2.33 2.33 0 0 0-2.33 2.328v9.868c0 .502.161.968.431 1.35zm-8.38 3.634a.604.604 0 1 1 0 1.21.604.604 0 1 1 0-1.21M20.826 6.941a.8.8 0 0 1 .786.013h-.003a.8.8 0 0 1 .391.682v8.732a.793.793 0 0 1-1.193.683l-3.624-2.026v1.911a2.33 2.33 0 0 1-2.33 2.327H6.314L17.183 7.19v1.787z"
                 />
             </svg>
         );

src/generated/mistica-icons/icon-video-camera-disabled-light.tsx

@@ -30,15 +30,15 @@ const IconVideoCameraDisabledLight = ({color, size = 24, ...rest}: IconProps): J
             <svg width={size} height={size} viewBox="0 0 24 24" role="presentation" {...rest}>
                 <path
                     fill={fillColor}
-                    d="M17.566 5.335a.245.245 0 0 1 .352-.02h-.002a.25.25 0 0 1 .02.355L5.686 19.417a.26.26 0 0 1-.184.083.25.25 0 0 1-.168-.066.25.25 0 0 1-.02-.354zM19.676 8.507a.39.39 0 0 1 .383.004h.003c.116.069.188.191.188.328v6.874c0 .14-.077.266-.198.332a.35.35 0 0 1-.186.049.4.4 0 0 1-.198-.054l-3.26-1.803v1.686c0 1.146-.944 2.077-2.105 2.077H7.5l.446-.489H14.3c.886 0 1.609-.713 1.609-1.588V8.761l.465-.511q.03.168.03.345v1.72zm-3.26 5.175 3.339 1.848V9.025l-3.34 1.847zM5.93 17.526h-.002l.002-.002z"
+                    d="M18.747 3.842a.297.297 0 0 1 .427-.025h-.003a.303.303 0 0 1 .024.43L4.347 20.912a.3.3 0 0 1-.224.1.3.3 0 0 1-.203-.079.303.303 0 0 1-.024-.43zM21.304 7.686a.47.47 0 0 1 .465.006h.003a.46.46 0 0 1 .228.397v8.332a.46.46 0 0 1-.24.403.4.4 0 0 1-.225.059.46.46 0 0 1-.24-.065l-3.952-2.186v2.044c0 1.389-1.144 2.517-2.551 2.517H6.545l.54-.592h7.704c1.074 0 1.95-.865 1.95-1.925V7.994l.565-.619q.036.204.036.418v2.085zm-3.952 6.274 4.048 2.239V8.314l-4.048 2.24zM4.643 18.619H4.64l.003-.003z"
                 />
                 <path
                     fill={fillColor}
-                    d="M5.928 17.526h-.03c-.905 0-1.643-.748-1.643-1.665V8.177c0-.917.738-1.665 1.642-1.665h8.555c.347 0 .668.235.933.429l.026.019.339-.375c-.361-.28-.811-.585-1.301-.585H5.897C4.713 6 3.75 6.976 3.75 8.177v7.682c0 1.065.76 1.954 1.758 2.141z"
+                    d="M4.64 18.619h-.037c-1.096 0-1.99-.907-1.99-2.018V7.287c0-1.112.894-2.018 1.99-2.018h10.369c.42 0 .81.284 1.132.52l.031.022.41-.454c-.437-.339-.983-.71-1.577-.71H4.604C3.167 4.648 2 5.832 2 7.288v9.31c0 1.292.922 2.37 2.131 2.596z"
                 />
                 <path
                     fill={fillColor}
-                    d="M7.946 9.603a.61.61 0 0 1-.604.603.584.584 0 0 1-.58-.603A.61.61 0 0 1 7.365 9c.327 0 .587.27.58.603"
+                    d="M7.086 9.015a.74.74 0 0 1-.732.731.71.71 0 0 1-.703-.73.74.74 0 0 1 .731-.732c.396 0 .711.327.704.731"
                 />
             </svg>
         );

src/generated/mistica-icons/icon-video-camera-disabled-regular.tsx

@@ -30,11 +30,11 @@ const IconVideoCameraDisabledRegular = ({color, size = 24, ...rest}: IconProps):
             <svg width={size} height={size} viewBox="0 0 24 24" role="presentation" {...rest}>
                 <path
                     fill={fillColor}
-                    d="M16.886 4.661a.486.486 0 1 1 .723.653L5.024 19.338a.481.481 0 0 1-.687.036.49.49 0 0 1-.036-.688zM4.776 16.084c0 .174.048.336.136.475l-.698.778a1.9 1.9 0 0 1-.464-1.253V7.916c0-1.064.862-1.927 1.923-1.927h8.72l-.92 1.027h-7.8a.9.9 0 0 0-.897.9zM19.28 7.81a.66.66 0 0 1 .65.01h-.003c.2.12.323.335.323.566v7.226a.657.657 0 0 1-.654.655.67.67 0 0 1-.33-.09l-2.99-1.678v1.582a1.926 1.926 0 0 1-1.924 1.927H7.54l.92-1.027h5.892a.9.9 0 0 0 .898-.9V9.414l1.026-1.143v1.226zm-3 5.515 2.947 1.655V9.018l-2.946 1.654z"
+                    d="M17.922 3.104a.59.59 0 1 1 .877.791l-15.254 17a.62.62 0 0 1-.439.196.592.592 0 0 1-.438-.987zM3.243 16.95c0 .212.06.408.165.576l-.846.943A2.32 2.32 0 0 1 2 16.95v-9.9a2.334 2.334 0 0 1 2.33-2.335h10.571l-1.115 1.245H4.33c-.6 0-1.088.489-1.088 1.09zM20.825 6.922a.8.8 0 0 1 .786.012h-.003A.8.8 0 0 1 22 7.62v8.759a.796.796 0 0 1-.793.794.8.8 0 0 1-.4-.11l-3.624-2.033v1.918a2.334 2.334 0 0 1-2.332 2.335H6.593l1.116-1.245h7.142c.6 0 1.088-.489 1.088-1.09V8.865l1.244-1.386v1.485zm-3.636 6.685 3.57 2.005V8.385l-3.57 2.005z"
                 />
                 <path
                     fill={fillColor}
-                    d="M7.342 10.206c.327 0 .597-.27.604-.603A.584.584 0 0 0 7.366 9a.61.61 0 0 0-.604.603.584.584 0 0 0 .58.603"
+                    d="M6.354 9.826a.74.74 0 0 0 .731-.731.71.71 0 0 0-.703-.731.74.74 0 0 0-.731.73.71.71 0 0 0 .703.732"
                 />
             </svg>
         );

src/generated/mistica-icons/icon-video-camera-filled.tsx

@@ -39,7 +39,7 @@ const IconVideoCameraFilled = ({color, size = 24, ...rest}: IconProps): JSX.Elem
             <svg width={size} height={size} viewBox="0 0 24 24" role="presentation" {...rest}>
                 <path
                     fill={fillColor}
-                    d="M19.93 7.83a.66.66 0 0 0-.65-.01l-3.004 1.682v-1.58A1.924 1.924 0 0 0 14.354 6H5.673A1.923 1.923 0 0 0 3.75 7.923v8.152c0 .69.364 1.295.908 1.633l.076.047c.277.156.598.243.939.243h8.68a1.923 1.923 0 0 0 1.923-1.923v-1.579l2.99 1.674a.66.66 0 0 0 .649.008.66.66 0 0 0 .335-.572V8.395a.66.66 0 0 0-.323-.565zM7.255 10.005a.499.499 0 1 1 0-1 .499.499 0 1 1 0 1"
+                    d="M21.611 6.946a.8.8 0 0 0-.786-.012l-3.642 2.039V7.058a2.33 2.33 0 0 0-2.33-2.33H4.33a2.33 2.33 0 0 0-2.33 2.33v9.882c0 .836.44 1.57 1.1 1.98l.093.055c.335.19.724.295 1.137.295h10.522a2.33 2.33 0 0 0 2.33-2.33v-1.914l3.624 2.029a.8.8 0 0 0 .786.01.8.8 0 0 0 .407-.694v-8.74c0-.28-.15-.542-.392-.685zM6.248 9.582a.605.605 0 1 1 .606-.606c0 .335-.27.606-.606.606"
                 />
             </svg>
         );