Icono Microsoft Viva Amplify

thesvg-color:microsoft-viva-amplify

El icono Microsoft Viva Amplify (thesvg-color:microsoft-viva-amplify) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 512 × 512. 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: 512 × 512
Etiquetas: microsoftviva, vivaamplify, microsoftvivaamplify

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVG93kwcSdN" x1="-53.592" x2="181.469" y1="774.328" y2="706.359" gradientTransform="translate(0 -330)" gradientUnits="userSpaceOnUse"><stop offset=".141" stop-color="#9b52aa"/><stop offset=".999" stop-color="#4f2757"/></linearGradient><path fill="url(#SVG93kwcSdN)" d="M234 395c0 64.6-52.4 117-117 117S0 459.6 0 395s52.4-117 117-117s117 52.4 117 117"/><linearGradient id="SVGY09oycSI" x1="256.24" x2="88.184" y1="787.886" y2="531.417" gradientTransform="translate(0 -330)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b75cc9"/><stop offset="1" stop-color="#e8aaf4"/></linearGradient><path fill="url(#SVGY09oycSI)" d="M108.2 148.6L11.3 344.8l-.1.3C23.9 321.8 48.6 306 77 306c30.1 0 56.1 17.8 68.1 43.4l60.4 119.9c12.6 25.1 38.5 42.5 68.5 42.7h168l-34.2-14.5l-169.2-327.7c-18.3-22.3-46.1-36.5-77.3-36.5c-19.5 0-37.7 5.6-53.1 15.3"/><linearGradient id="SVGlxpe8bep" x1="198.592" x2="424.979" y1="414.441" y2="858.825" gradientTransform="translate(0 -330)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#cb6ade"/><stop offset=".436" stop-color="#8d479b"/><stop offset="1" stop-color="#4f2757"/></linearGradient><path fill="url(#SVGlxpe8bep)" d="m346 63.9l150.5 299.9c2.4 4.6 7 17.5 7 17.5c6.6 17.2 8.4 35.1 8.4 53.4c0 42.7-31.6 77.3-70.7 77.3c-27.2 0-50.8-16.8-62.6-41.4L240.4 196.7C225.8 167 196.9 146 162 146c-29.5 0-55.5 14.9-71 37.5l58.7-118.7C166 26.7 203.9 0 248 0c43.8 0 81.4 26.3 98 63.9"/></svg>

Cómo usar el icono Microsoft Viva Amplify

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-viva-amplify"></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-amplify"></iconify-icon>

Imagen HTML

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

Iconos relacionados en theSVG Color

Preguntas frecuentes sobre Icono Microsoft Viva Amplify

¿El icono Microsoft Viva Amplify 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 Amplify en React?

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

¿Cómo añado el icono Microsoft Viva Amplify 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-amplify.svg" alt="Icono Microsoft Viva Amplify">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos theSVG Color →