feat(icons): New vivo icons

src/generated/mistica-icons/icon-glass-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 IconGlassFilled = ({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="M2.001 19.468V4.53C1.983 3.085 3.244 2.058 4.63 2h14.742c1.385.058 2.646 1.085 2.628 2.53v14.938c.018 1.445-1.243 2.472-2.628 2.53H4.629c-1.385-.058-2.646-1.085-2.628-2.53M7.967 5.475a.75.75 0 0 0-1.06.008l-1.43 1.452a.75.75 0 1 0 1.068 1.053l1.43-1.452a.75.75 0 0 0-.008-1.06m3.18 2.325a.75.75 0 0 0-1.074-1.048L7.19 9.705a.75.75 0 0 0 1.073 1.048z"
+            />
+        </svg>
+    );
+};
+
+export default IconGlassFilled;

src/generated/mistica-icons/icon-glass-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 IconGlassLight = ({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="M19.55 2h.01c1.311.055 2.457 1.02 2.44 2.327v15.347c.017 1.306-1.129 2.271-2.44 2.326H4.44C3.13 21.945 1.983 20.98 2 19.673V4.327C1.983 3.02 3.13 2.055 4.44 2h15.11M4.471 3C3.578 3.042 2.99 3.67 3 4.315v15.37c-.01.644.578 1.274 1.472 1.315h15.056c.894-.041 1.482-.67 1.472-1.315V4.315c.01-.644-.578-1.273-1.472-1.315zm3.474 2.46a.5.5 0 0 1 .014.707L6.202 7.992a.5.5 0 1 1-.72-.693l1.757-1.825a.5.5 0 0 1 .707-.014m3.2 1.288a.5.5 0 0 1 .008.707L7.92 10.763a.5.5 0 0 1-.715-.7l3.235-3.307a.5.5 0 0 1 .707-.008"
+            />
+        </svg>
+    );
+};
+
+export default IconGlassLight;

src/generated/mistica-icons/icon-glass-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 IconGlassRegular = ({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="M19.355 2h.015c1.385.058 2.647 1.085 2.628 2.53v14.938c.019 1.445-1.243 2.472-2.628 2.53H4.628C3.243 21.94 1.982 20.913 2 19.468V4.53C1.982 3.085 3.243 2.058 4.628 2h14.726M4.676 3.5c-.758.038-1.183.56-1.176 1.013v14.972c-.007.453.418.976 1.176 1.013h14.646c.758-.038 1.183-.56 1.176-1.013V4.513c.007-.453-.418-.975-1.176-1.013zm3.29 1.975a.75.75 0 0 1 .008 1.06l-1.43 1.453a.75.75 0 1 1-1.069-1.053l1.43-1.452a.75.75 0 0 1 1.061-.008m3.167 1.265a.75.75 0 0 1 .013 1.06l-2.884 2.953a.75.75 0 1 1-1.073-1.048l2.883-2.953a.75.75 0 0 1 1.061-.012"
+            />
+        </svg>
+    );
+};
+
+export default IconGlassRegular;

src/generated/mistica-icons/icon-washing-machine-filled.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 IconWashingMachineFilled = ({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="M16.229 3c1.915 0 3.585 1.319 3.758 3.107H4.031C4.204 4.319 5.874 3 7.789 3zM9.665 12.433c0-.92.77-1.664 1.72-1.664h1.156c.95 0 1.72.745 1.72 1.664v1.117c0 .918-.77 1.663-1.72 1.663h-1.156c-.95 0-1.72-.745-1.72-1.663z"
+            />
+            <path
+                fill={fillColor}
+                d="M20 7.566H4.014L4 16.136c0 1.75 1.422 3.118 3.183 3.371v.763c0 .403.338.73.755.73a.74.74 0 0 0 .754-.73v-.72h6.54v.72c0 .403.339.73.755.73a.743.743 0 0 0 .755-.73v-.755c1.79-.23 3.244-1.609 3.244-3.378zM8.156 12.433c0-1.725 1.446-3.124 3.23-3.124h1.155c1.783 0 3.23 1.399 3.23 3.124v1.117c0 1.724-1.447 3.123-3.23 3.123h-1.156c-1.783 0-3.23-1.399-3.23-3.123z"
+            />
+        </svg>
+    );
+};
+
+export default IconWashingMachineFilled;

src/generated/mistica-icons/icon-washing-machine-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 IconWashingMachineLight = ({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.177 12.365v1.21c0 1.703 1.43 3.083 3.196 3.083h1.256c1.765 0 3.196-1.38 3.196-3.082v-1.211c0-1.702-1.431-3.082-3.196-3.082h-1.256c-1.765 0-3.196 1.38-3.196 3.082m3.196-2.107h1.256c1.206 0 2.184.944 2.184 2.107v1.21c0 1.164-.978 2.108-2.184 2.108h-1.256c-1.206 0-2.184-.944-2.184-2.107v-1.211c0-1.163.978-2.107 2.184-2.107"
+            />
+            <path
+                fill={fillColor}
+                d="M16.372 3H7.644C5.68 3 4.016 4.42 4.016 6.257L4 16.283c0 1.78 1.564 3.169 3.448 3.252v.977c0 .27.226.488.506.488.279 0 .505-.218.505-.488v-.973h7.082v.973c0 .27.226.488.506.488.279 0 .506-.218.506-.488v-.978c1.875-.09 3.43-1.476 3.43-3.25L20 6.256C20 4.42 18.335 3 16.372 3m-.016 15.564H7.628c-1.486 0-2.616-1.06-2.616-2.28l.014-8.708h13.96l-.014 8.708c0 1.221-1.13 2.28-2.616 2.28M5.027 6.6v-.343c0-1.222 1.131-2.28 2.617-2.28l8.728-.001c1.486 0 2.616 1.058 2.616 2.28V6.6z"
+            />
+        </svg>
+    );
+};
+
+export default IconWashingMachineLight;

src/generated/mistica-icons/icon-washing-machine-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 IconWashingMachineRegular = ({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.193 12.433c0-1.725 1.446-3.123 3.23-3.123h1.155c1.783 0 3.23 1.398 3.23 3.123v1.117c0 1.724-1.447 3.123-3.23 3.123h-1.155c-1.784 0-3.23-1.399-3.23-3.123zm3.23-1.664c-.95 0-1.72.745-1.72 1.664v1.117c0 .918.77 1.663 1.72 1.663h1.155c.95 0 1.72-.745 1.72-1.663v-1.117c0-.92-.77-1.664-1.72-1.664z"
+            />
+            <path
+                fill={fillColor}
+                d="M16.227 3H7.788C5.766 3 4.016 4.473 4.016 6.415l-.001.568a.7.7 0 0 0 0 .287L4 16.135c0 1.763 1.442 3.138 3.22 3.377v.758c0 .403.339.73.755.73a.74.74 0 0 0 .755-.73v-.72h6.54v.72c0 .403.337.73.754.73a.74.74 0 0 0 .755-.73v-.76c1.771-.244 3.205-1.616 3.205-3.373L20 7.152v-.049l.001-.69C20 4.474 18.25 3 16.227 3m2.264 3.397H5.525c.01-1.016.96-1.937 2.264-1.937h8.438c1.304 0 2.253.92 2.264 1.937M5.523 7.857h12.965l-.013 8.278c0 1.023-.952 1.955-2.264 1.955H7.773c-1.311 0-2.264-.931-2.264-1.954z"
+            />
+        </svg>
+    );
+};
+
+export default IconWashingMachineRegular;

src/generated/mistica-icons/icon-wind-filled.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 IconWindFilled = ({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="M11.47 5.974q-.168.001-.316.047a1 1 0 0 1-1.249-.656.985.985 0 0 1 .665-1.233c.285-.086.588-.132.9-.132 1.662 0 2.996 1.37 2.996 3.013 0 1.61-1.255 3.013-2.947 3.013h-8.52c-.551 0-.999-.442-.999-.987a.994.994 0 0 1 1-.988h8.519c.483 0 .947-.411.947-1.038 0-.595-.481-1.039-.996-1.039"
+            />
+            <path
+                fill={fillColor}
+                d="M17.584 7.272q.266-.079.563-.08c.981 0 1.853.833 1.853 1.91s-.872 1.91-1.853 1.91H3c-.552 0-1 .443-1 .988s.448.987 1 .987h15.147c2.13 0 3.853-1.761 3.853-3.885s-1.723-3.885-3.853-3.885c-.393 0-.772.057-1.132.162a.985.985 0 0 0-.674 1.227c.157.523.713.82 1.243.666M3 13.974c-.552 0-1 .442-1 .987 0 .546.448.988 1 .988H13.83c.514 0 .995.443.995 1.038 0 .596-.481 1.039-.995 1.039a1.1 1.1 0 0 1-.327-.05 1.003 1.003 0 0 0-1.253.647.985.985 0 0 0 .654 1.237c.293.091.605.14.926.14 1.662 0 2.995-1.37 2.995-3.013s-1.333-3.013-2.995-3.013z"
+            />
+        </svg>
+    );
+};
+
+export default IconWindFilled;

src/generated/mistica-icons/icon-wind-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 IconWindLight = ({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="M11.475 5.052c-.229 0-.545.062-.821.21a.49.49 0 0 1-.673-.228.54.54 0 0 1 .217-.708A2.8 2.8 0 0 1 11.475 4c1.375 0 2.496 1.213 2.496 2.685 0 1.454-1.058 2.685-2.448 2.685H2.5a.513.513 0 0 1-.5-.526c0-.29.224-.526.5-.526h9.023c.786 0 1.448-.703 1.448-1.633 0-.913-.695-1.633-1.496-1.633"
+            />
+            <path
+                fill={fillColor}
+                d="M17.551 6.607a2.36 2.36 0 0 1 1.096-.258C19.916 6.35 21 7.485 21 8.912c0 1.426-1.084 2.562-2.353 2.562H2.504c-.276 0-.5.236-.5.526s.224.526.5.526h16.143c1.843 0 3.353-1.63 3.353-3.614 0-1.985-1.51-3.615-3.353-3.615a3.3 3.3 0 0 0-1.525.36.54.54 0 0 0-.237.701.49.49 0 0 0 .666.25M2.508 14.63c-.276 0-.5.236-.5.526s.224.526.5.526h11.327c.8 0 1.495.72 1.495 1.633s-.694 1.633-1.495 1.633c-.195 0-.482-.069-.81-.272a.486.486 0 0 0-.684.187c-.14.25-.06.572.177.72.455.281.915.417 1.317.417 1.375 0 2.494-1.214 2.494-2.685s-1.12-2.685-2.494-2.685z"
+            />
+        </svg>
+    );
+};
+
+export default IconWindLight;

src/generated/mistica-icons/icon-wind-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 IconWindRegular = ({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="M11.473 5.528c-.193 0-.376.041-.538.114a.745.745 0 0 1-.989-.391.77.77 0 0 1 .385-1.007c.35-.157.737-.244 1.142-.244 1.518 0 2.744 1.295 2.744 2.854 0 1.535-1.156 2.854-2.697 2.854H2.75A.757.757 0 0 1 2 8.944c0-.422.336-.764.75-.764h8.77c.634 0 1.197-.552 1.197-1.326 0-.75-.587-1.326-1.244-1.326"
+            />
+            <path
+                fill={fillColor}
+                d="M17.574 6.944c.254-.103.53-.16.822-.16 1.126 0 2.104.98 2.104 2.226 0 1.247-.978 2.226-2.104 2.226H2.75A.757.757 0 0 0 2 12c0 .422.336.764.75.764h15.647c1.986 0 3.603-1.698 3.603-3.754s-1.617-3.754-3.604-3.754c-.486 0-.95.095-1.376.268a.77.77 0 0 0-.42.992c.153.392.59.584.974.428M2.75 14.292a.757.757 0 0 0-.75.764c0 .422.336.764.75.764h11.082c.657 0 1.245.576 1.245 1.326 0 .749-.589 1.326-1.246 1.326-.193 0-.374-.041-.537-.114a.745.745 0 0 0-.988.391.77.77 0 0 0 .384 1.007c.35.157.736.244 1.14.244 1.519 0 2.747-1.294 2.747-2.854s-1.227-2.854-2.745-2.854z"
+            />
+        </svg>
+    );
+};
+
+export default IconWindRegular;

src/generated/mistica-icons/icons-keywords.tsx

@@ -1716,6 +1716,20 @@ const iconKeywords: {[key: string]: Array<string>} = {
         'Tankstelle',
     ],
     gift: ['present', 'token', 'offering', 'regalo', 'presente', 'Geschenk'],
+    glass: [
+        'pane',
+        'crystal',
+        'glazing',
+        'vidrio',
+        'cristal',
+        'acristalamiento',
+        'vidraça',
+        'cristal',
+        'envidraçamento',
+        'Fenster',
+        'Kristall',
+        'Verglasung',
+    ],
     group: ['team', 'bunch', 'gathering', 'grupo', 'grupo', 'Gruppe'],
     guarantee: ['assurance', 'warranty', 'promise', 'garantía', 'garantia', 'Garantie'],
     guru: ['mentor', 'expert', 'master', 'gurú', 'guru', 'Guru'],
@@ -3324,6 +3338,20 @@ const iconKeywords: {[key: string]: Array<string>} = {
     ],
     wallet: ['billfold', 'money holder', 'pocketbook', 'billetera', 'carteira', 'Brieftasche'],
     warning: ['caution', 'alert', 'admonition', 'advertencia', 'advertência', 'Warnung'],
+    'washing-machine': [
+        'Laundry machine',
+        'clothes washer',
+        'appliance',
+        'lavadora',
+        'máquina de lavar',
+        'electrodoméstico',
+        'máquina de lavar roupa',
+        'lavadora de roupas',
+        'eletrodoméstico',
+        'Waschmaschine',
+        'Kleidungswaschmaschine',
+        'Haushaltsgerät',
+    ],
     'water-drop': ['droplet', 'liquid bead', 'raindrop', 'gota de agua', 'gota líquida', 'Wassertropfen'],
     wearable: [
         'wearable device',
@@ -3336,6 +3364,20 @@ const iconKeywords: {[key: string]: Array<string>} = {
     web: ['internet', 'world wide web', 'online', 'web', 'web', 'Web'],
     webcam: ['web camera', 'internet camera', 'online camera', 'cámara web', 'câmera web', 'Webkamera'],
     wifi: ['wireless internet', 'wi-fi', 'wireless network', 'wifi', 'wi-fi', 'WLAN'],
+    wind: [
+        'breeze',
+        'gust',
+        'zephyr',
+        'viento',
+        'brisa',
+        'ráfaga',
+        'vento',
+        'brisa',
+        'rajada',
+        'Wind',
+        'Brise',
+        'Böe',
+    ],
     winner: ['champion', 'victor', 'conqueror', 'ganador', 'vencedor', 'Gewinner'],
     'winner-check': [
         'victor verification',

src/index.tsx

@@ -1065,6 +1065,9 @@ export {default as IconGasStationRegular} from './generated/mistica-icons/icon-g
 export {default as IconGiftFilled} from './generated/mistica-icons/icon-gift-filled';
 export {default as IconGiftLight} from './generated/mistica-icons/icon-gift-light';
 export {default as IconGiftRegular} from './generated/mistica-icons/icon-gift-regular';
+export {default as IconGlassFilled} from './generated/mistica-icons/icon-glass-filled';
+export {default as IconGlassLight} from './generated/mistica-icons/icon-glass-light';
+export {default as IconGlassRegular} from './generated/mistica-icons/icon-glass-regular';
 export {default as IconGroupFilled} from './generated/mistica-icons/icon-group-filled';
 export {default as IconGroupLight} from './generated/mistica-icons/icon-group-light';
 export {default as IconGroupRegular} from './generated/mistica-icons/icon-group-regular';
@@ -1984,6 +1987,9 @@ export {default as IconWalletRegular} from './generated/mistica-icons/icon-walle
 export {default as IconWarningFilled} from './generated/mistica-icons/icon-warning-filled';
 export {default as IconWarningLight} from './generated/mistica-icons/icon-warning-light';
 export {default as IconWarningRegular} from './generated/mistica-icons/icon-warning-regular';
+export {default as IconWashingMachineFilled} from './generated/mistica-icons/icon-washing-machine-filled';
+export {default as IconWashingMachineLight} from './generated/mistica-icons/icon-washing-machine-light';
+export {default as IconWashingMachineRegular} from './generated/mistica-icons/icon-washing-machine-regular';
 export {default as IconWaterDropFilled} from './generated/mistica-icons/icon-water-drop-filled';
 export {default as IconWaterDropLight} from './generated/mistica-icons/icon-water-drop-light';
 export {default as IconWaterDropRegular} from './generated/mistica-icons/icon-water-drop-regular';
@@ -1997,6 +2003,9 @@ export {default as IconWebRegular} from './generated/mistica-icons/icon-web-regu
 export {default as IconWifiFilled} from './generated/mistica-icons/icon-wifi-filled';
 export {default as IconWifiLight} from './generated/mistica-icons/icon-wifi-light';
 export {default as IconWifiRegular} from './generated/mistica-icons/icon-wifi-regular';
+export {default as IconWindFilled} from './generated/mistica-icons/icon-wind-filled';
+export {default as IconWindLight} from './generated/mistica-icons/icon-wind-light';
+export {default as IconWindRegular} from './generated/mistica-icons/icon-wind-regular';
 export {default as IconWinnerCheckFilled} from './generated/mistica-icons/icon-winner-check-filled';
 export {default as IconWinnerCheckLight} from './generated/mistica-icons/icon-winner-check-light';
 export {default as IconWinnerCheckRegular} from './generated/mistica-icons/icon-winner-check-regular';