Icono Microsoft Outlook

thesvg-color:microsoft-outlook

El icono Microsoft Outlook (thesvg-color:microsoft-outlook) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 570 × 540. 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: 570 × 540
Etiquetas: microsoftoutlook

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="570" height="540" viewBox="0 0 570 540"><defs><linearGradient id="SVGtM6GPe9H" x1="9.989" x2="30.932" y1="22.365" y2="9.375" gradientTransform="scale(15)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#20a7fa"/><stop offset=".4" stop-color="#3bd5ff"/><stop offset="1" stop-color="#c4b0ff"/></linearGradient><linearGradient id="SVGzumyLb1h" x1="17.197" x2="28.856" y1="26.794" y2="8.126" gradientTransform="scale(15)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#165ad9"/><stop offset=".501" stop-color="#1880e5"/><stop offset="1" stop-color="#8587ff"/></linearGradient><linearGradient id="SVGEDNiAe7B" x1="25.701" x2="12.756" y1="27.048" y2="16.501" gradientTransform="scale(15)" gradientUnits="userSpaceOnUse"><stop offset=".237" stop-color="#448aff" stop-opacity="0"/><stop offset=".792" stop-color="#0032b1" stop-opacity=".2"/></linearGradient><linearGradient id="SVGLVAa9cRZ" x1="24.053" x2="44.51" y1="31.11" y2="18.018" gradientTransform="scale(15)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1a43a6"/><stop offset=".492" stop-color="#2052cb"/><stop offset="1" stop-color="#5f20cb"/></linearGradient><linearGradient id="SVGPrLOHehy" x1="29.828" x2="17.397" y1="30.327" y2="19.571" gradientTransform="scale(15)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0045b9" stop-opacity="0"/><stop offset=".67" stop-color="#0d1f69" stop-opacity=".2"/></linearGradient><linearGradient id="SVGPfnCWb3Q" x1="41.998" x2="23.852" y1="29.943" y2="29.943" gradientTransform="scale(15)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4dc4ff"/><stop offset=".196" stop-color="#0fafff"/></linearGradient><linearGradient id="SVGsoPskbid" x1="3.458" x2="20.929" y1="37.872" y2="37.86" gradientTransform="scale(15)" gradientUnits="userSpaceOnUse"><stop offset=".206" stop-color="#6ce0ff"/><stop offset=".535" stop-color="#50d5ff" stop-opacity="0"/></linearGradient><radialGradient id="SVGWDe6xCII" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="matrix(0 -405.04051 438.393 0 360.027 102.268)" gradientUnits="userSpaceOnUse"><stop offset=".568" stop-color="#275ff0" stop-opacity="0"/><stop offset=".992" stop-color="#002177"/></radialGradient><radialGradient id="SVGnxCXEcwX" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="rotate(-45 897.061 -224.265)scale(173.58)" gradientUnits="userSpaceOnUse"><stop offset=".259" stop-color="#0060d1" stop-opacity=".4"/><stop offset=".908" stop-color="#0383f1" stop-opacity="0"/></radialGradient><radialGradient id="SVGTJGZtcBY" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="rotate(-52.658 784.06 187.412)scale(589.22098 532.80602)" gradientUnits="userSpaceOnUse"><stop offset=".732" stop-color="#f4a7f7" stop-opacity="0"/><stop offset="1" stop-color="#f4a7f7" stop-opacity=".502"/></radialGradient><radialGradient id="SVGbswy2xan" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="rotate(123.339 27.956 281.58)scale(310.88699 806.7885)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#49deff"/><stop offset=".724" stop-color="#29c3ff"/></radialGradient><radialGradient id="SVGUlEh92cn" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="rotate(46.924 -378.504 245.25)scale(315.927)" gradientUnits="userSpaceOnUse"><stop offset=".039" stop-color="#0091ff"/><stop offset=".919" stop-color="#183dad"/></radialGradient><radialGradient id="SVGjiSAMeNm" cx="0" cy="0" r="1" fx="0" fy="0" gradientTransform="matrix(0 168 -193.782 0 180 491.159)" gradientUnits="userSpaceOnUse"><stop offset=".558" stop-color="#0fa5f7" stop-opacity="0"/><stop offset="1" stop-color="#74c6ff" stop-opacity=".502"/></radialGradient></defs><path fill="url(#SVGtM6GPe9H)" d="m463.984 140.145l-344.347 218.27l-29.614-46.72v-40.257a43.26 43.26 0 0 1 19.72-36.293L309.91 105.258c30.496-19.79 69.777-19.793 100.277-.008Zm0 0"/><path fill="url(#SVGzumyLb1h)" d="M407.102 103.34a91 91 0 0 1 3.082 1.914l156.214 101.332l-387.336 245.52l-59.437-93.77L403.895 177.8c26.925-17.102 28.105-55.57 3.207-74.461Zm0 0"/><path fill="url(#SVGEDNiAe7B)" d="M407.102 103.34a91 91 0 0 1 3.082 1.914l156.214 101.332l-387.336 245.52l-59.437-93.77L403.895 177.8c26.925-17.102 28.105-55.57 3.207-74.461Zm0 0"/><path fill="url(#SVGLVAa9cRZ)" d="M333.602 498.988L179.066 452.11L507.63 243.836c27.672-17.54 27.601-57.938-.133-75.379l-1.48-.93l4.261 2.649l99.996 64.867a43.26 43.26 0 0 1 19.723 36.3v38.962Zm0 0"/><path fill="url(#SVGPrLOHehy)" d="M333.602 498.988L179.066 452.11L507.63 243.836c27.672-17.54 27.601-57.938-.133-75.379l-1.48-.93l4.261 2.649l99.996 64.867a43.26 43.26 0 0 1 19.723 36.3v38.962Zm0 0"/><path fill="url(#SVGWDe6xCII)" d="M410.188 105.25c-30.5-19.785-69.782-19.781-100.282.008L109.742 235.145a43.26 43.26 0 0 0-19.719 36.292v1.97a44.48 44.48 0 0 0 20.735 36.16l248.887 156.91L609.16 309.805a44.47 44.47 0 0 0 20.824-37.664v38.168l.008-38.965a43.28 43.28 0 0 0-19.722-36.301Zm0 0"/><path fill="url(#SVGPfnCWb3Q)" d="M315.77 630.05h220.449c51.777 0 93.75-41.972 93.75-93.75V272.14a44.48 44.48 0 0 1-20.82 37.665l-327.907 205.89a60.71 60.71 0 0 0-28.422 51.414c.004 34.762 28.184 62.942 62.95 62.942Zm0 0"/><path fill="url(#SVGnxCXEcwX)" d="M315.77 630.05h220.449c51.777 0 93.75-41.972 93.75-93.75V272.14a44.48 44.48 0 0 1-20.82 37.665l-327.907 205.89a60.71 60.71 0 0 0-28.422 51.414c.004 34.762 28.184 62.942 62.95 62.942Zm0 0"/><path fill="url(#SVGTJGZtcBY)" d="M315.77 630.05h220.449c51.777 0 93.75-41.972 93.75-93.75V272.14a44.48 44.48 0 0 1-20.82 37.665l-327.907 205.89a60.71 60.71 0 0 0-28.422 51.414c.004 34.762 28.184 62.942 62.95 62.942Zm0 0"/><path fill="url(#SVGbswy2xan)" d="M405.402 630.035H183.738c-51.777 0-93.75-41.972-93.75-93.75v-264.34a44.47 44.47 0 0 0 20.754 37.621l327.582 206.52a61.74 61.74 0 0 1 28.809 52.226c-.004 34.09-27.64 61.723-61.73 61.723Zm0 0"/><path fill="url(#SVGsoPskbid)" d="M405.402 630.035H183.738c-51.777 0-93.75-41.972-93.75-93.75v-264.34a44.47 44.47 0 0 0 20.754 37.621l327.582 206.52a61.74 61.74 0 0 1 28.809 52.226c-.004 34.09-27.64 61.723-61.73 61.723Zm0 0"/><path fill="url(#SVGUlEh92cn)" d="M108.75 345h142.5c26.926 0 48.75 21.824 48.75 48.75v142.5c0 26.926-21.824 48.75-48.75 48.75h-142.5C81.824 585 60 563.176 60 536.25v-142.5C60 366.824 81.824 345 108.75 345m0 0"/><path fill="url(#SVGjiSAMeNm)" d="M108.75 345h142.5c26.926 0 48.75 21.824 48.75 48.75v142.5c0 26.926-21.824 48.75-48.75 48.75h-142.5C81.824 585 60 563.176 60 536.25v-142.5C60 366.824 81.824 345 108.75 345m0 0"/><path fill="#fff" d="M179.387 534c-19.848 0-36.137-6.21-48.875-18.625q-19.11-18.622-19.11-48.605c0-21.11 6.465-38.18 19.395-51.22Q150.195 396 181.594 396q29.67 0 48.297 18.715c12.484 12.476 18.726 28.93 18.726 49.351c0 20.985-6.469 37.899-19.398 50.75Q209.919 534 179.387 534m.574-26.352q16.225 0 26.117-11.082c6.594-7.386 9.89-17.664 9.89-30.824q-.002-20.577-9.6-32.031q-9.605-11.454-25.638-11.453q-16.517 0-26.597 11.824q-10.083 11.736-10.082 31.102q0 19.652 10.082 31.101q10.078 11.362 25.828 11.363m0 0"/><path fill="#fff" d="M179.332 535.848q-29.655.001-48.691-19.13c-12.688-12.753-19.036-29.398-19.036-49.929q0-32.525 19.325-52.61q19.324-20.09 50.601-20.09q29.555.002 48.114 19.227q18.654 19.23 18.652 50.7c0 21.55-6.442 38.93-19.32 52.129q-19.23 19.703-49.645 19.703m.57-27.067c10.778 0 19.453-3.797 26.02-11.383q9.853-11.384 9.851-31.664q0-21.138-9.562-32.902q-9.567-11.766-25.54-11.766q-16.457-.002-26.5 12.149c-6.694 8.031-10.042 18.683-10.042 31.945q0 20.185 10.043 31.95q10.043 11.67 25.73 11.671m0 0"/></svg>

Cómo usar el icono Microsoft Outlook

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Imagen HTML

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

Iconos relacionados en theSVG Color

El icono Microsoft Outlook en otras colecciones

Preguntas frecuentes sobre Icono Microsoft Outlook

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

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

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

Ver todos los Iconos theSVG Color →