Icono Microsoft Viva Glint

thesvg-color:microsoft-viva-glint

El icono Microsoft Viva Glint (thesvg-color:microsoft-viva-glint) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 1216 × 200. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: theSVG Color
Autor: thesvg.org
Licencia: MIT
Tamaño: 1216 × 200
Etiquetas: microsoftviva, vivaglint, microsoftvivaglint

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1216" height="200" viewBox="0 0 1216 200"><g mask="url(#SVGEVjz3boG)"><mask id="SVGEVjz3boG"><path fill="#fff" d="M32 32h200v200H32z"/></mask><g fill="none" class="svg-content" clip-path="url(&quot;#b&quot;)" color="#000" transform="translate(32 32)"><path fill="url(&quot;#c&quot;)" d="M190.458 88.39v17.536L73.575 158.904l-33.972-34.798c17.905-19.465 56.67-55.145 72.168-67.852c20.292-16.637 40.124-14.14 45.266-6.06z"/><path fill="url(&quot;#d&quot;)" d="m69.067 185.398l-18.17-17.863L4.713 104.09c11.324 5.907 40.595 17.089 60.415 28.371c8.54 4.861 23.503 5.696 33.456 4.96c5.885-.436 11.107-3.399 15.596-7.229c5.14-4.386 12.685-11.087 21.831-20.41c19.006-19.373 43.324-32.332 54.906-20.75c14.323 14.323-5.876 36.91-8.723 39.757l-61.729 57.338c-14.573 13.536-37.215 13.215-51.398-.729"/><path fill="url(&quot;#e&quot;)" d="m12.767 129.523l50.958 50.867c-13.81-13.81-10.1-37.186 2.57-49.857c32.504-30.483 1.213.808 32.504-30.483c31.666-31.666 15.019-69.303-.507-90.06c-2.973-3.975-8.678-4.22-12.299-.827c-19.894 18.65-55.26 52.08-70.105 66.923C2.574 89.399.464 117.22 12.767 129.523"/></g></g></svg>

Cómo usar el icono Microsoft Viva Glint

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:microsoft-viva-glint" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:microsoft-viva-glint" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:microsoft-viva-glint" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--microsoft-viva-glint]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-viva-glint"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:microsoft-viva-glint"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-viva-glint.svg" alt="Icono Microsoft Viva Glint" width="24" height="24">

Iconos relacionados en theSVG Color

Preguntas frecuentes sobre Icono Microsoft Viva Glint

¿El icono Microsoft Viva Glint es gratis para uso comercial?

Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Microsoft Viva Glint en React?

Instala @iconify/react y renderiza <Icon icon="thesvg-color:microsoft-viva-glint" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Microsoft Viva Glint a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-viva-glint.svg" alt="Icono Microsoft Viva Glint">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos theSVG Color →