Icono Microsoft Excel

thesvg-color:microsoft-excel

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

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="486" height="500" viewBox="0 0 486 500"><defs><radialGradient id="SVGBLvhWb7B" cx="-746.66" cy="781.44" r="13.89" fx="-746.66" fy="781.44" gradientTransform="rotate(-133.54 -9646.6 -18892.943)scale(41.12 -31.9)skewX(-.01)" gradientUnits="userSpaceOnUse"><stop offset=".06" stop-color="#379539"/><stop offset=".42" stop-color="#297c2d"/><stop offset=".7" stop-color="#15561c"/></radialGradient><radialGradient id="SVGiem17pLJ" cx="-773.19" cy="771.25" r="13.89" fx="-773.19" fy="771.25" gradientTransform="matrix(-11.97612 -11.58137 -8.95853 9.26806 -2155.12 -15858.88)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#073b10"/><stop offset=".99" stop-color="#084a13" stop-opacity="0"/></radialGradient><radialGradient id="SVGI4foLdGU" cx="-824.11" cy="810.99" r="13.89" fx="-824.11" fy="810.99" gradientTransform="matrix(-9.02 0 0 19.09 -7120.4 -15378.69)" gradientUnits="userSpaceOnUse"><stop offset=".29" stop-color="#4eb43b"/><stop offset="1" stop-color="#72cc61" stop-opacity="0"/></radialGradient><radialGradient id="SVGaGihndNj" cx="-769.14" cy="808.9" r="13.89" fx="-769.14" fy="808.9" gradientTransform="rotate(218.97 -11176.158 5816.417)scale(21.75 21.69)skewY(.01)" gradientUnits="userSpaceOnUse"><stop offset=".44" stop-color="#79e96d"/><stop offset="1" stop-color="#d0eb76"/></radialGradient><radialGradient id="SVG2xwNqWBJ" cx="-675.64" cy="793.28" r="13.89" fx="-675.64" fy="793.28" gradientTransform="matrix(15.99196 15.99755 45.54153 -45.54797 -25315.85 47178.18)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#20a85e"/><stop offset=".94" stop-color="#09442a"/></radialGradient><radialGradient id="SVGSXGvJpdu" cx="-657.62" cy="853.99" r="13.89" fx="-657.62" fy="853.99" gradientTransform="matrix(0 11.2 12.9 0 -10902.85 7734.8)" gradientUnits="userSpaceOnUse"><stop offset=".58" stop-color="#33a662" stop-opacity="0"/><stop offset=".97" stop-color="#98f0b0"/></radialGradient><linearGradient id="SVGYKi9AcMy" x1="69.43" x2="260.84" y1="210.33" y2="210.33" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#52d17c"/><stop offset=".33" stop-color="#4aa647"/></linearGradient><linearGradient id="SVGKfyJ5dTO" x1="194.4" x2="194.4" y1="335.33" y2="161.68" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#29852f"/><stop offset=".5" stop-color="#4aa647" stop-opacity="0"/></linearGradient><linearGradient id="SVG1I0GMd2A" x1="80.49" x2="311.45" y1="297.22" y2="497.54" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#66d052"/><stop offset="1" stop-color="#85e972"/></linearGradient><linearGradient id="SVG1E0J2brd" x1="182.11" x2="69.43" y1="377" y2="377" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset=".18" stop-color="#c0e075" stop-opacity="0"/><stop offset="1" stop-color="#d1eb95"/></linearGradient></defs><path fill="url(#SVGBLvhWb7B)" d="M69.43 159.72c0-34.52 27.98-62.5 62.49-62.5h354.09v361.11c0 23.01-18.65 41.67-41.66 41.67H152.74c-46.01 0-83.31-37.31-83.31-83.33z"/><path fill="url(#SVGiem17pLJ)" fill-opacity=".7" d="M69.43 159.72c0-34.52 27.98-62.5 62.49-62.5h354.09v361.11c0 23.01-18.65 41.67-41.66 41.67H152.74c-46.01 0-83.31-37.31-83.31-83.33z"/><path fill="url(#SVGYKi9AcMy)" d="M69.43 229.17c0-34.52 27.98-62.5 62.49-62.5h187.46c-23.01 0-41.66 18.66-41.66 41.67v83.33c0 23.01-18.65 41.67-41.66 41.67h-83.31c-46.01 0-83.31 37.31-83.31 83.33v-187.5Z"/><path fill="url(#SVGKfyJ5dTO)" fill-opacity=".3" d="M69.43 229.17c0-34.52 27.98-62.5 62.49-62.5h187.46c-23.01 0-41.66 18.66-41.66 41.67v83.33c0 23.01-18.65 41.67-41.66 41.67h-83.31c-46.01 0-83.31 37.31-83.31 83.33v-187.5Z"/><path fill="url(#SVG1I0GMd2A)" d="M69.43 83.33C69.43 37.31 106.73 0 152.74 0h166.63v166.67H152.74c-46.01 0-83.31 37.31-83.31 83.33z"/><path fill="url(#SVGI4foLdGU)" d="M69.43 83.33C69.43 37.31 106.73 0 152.74 0h166.63v166.67H152.74c-46.01 0-83.31 37.31-83.31 83.33z"/><path fill="url(#SVG1E0J2brd)" d="M69.43 83.33C69.43 37.31 106.73 0 152.74 0h166.63v166.67H152.74c-46.01 0-83.31 37.31-83.31 83.33z"/><rect width="208.29" height="166.67" x="277.71" fill="url(#SVGaGihndNj)" rx="41.66" ry="41.66"/><rect width="222.17" height="222.22" y="236.11" fill="url(#SVG2xwNqWBJ)" rx="45.13" ry="45.13"/><rect width="222.17" height="222.22" y="236.11" fill="url(#SVGSXGvJpdu)" fill-opacity=".3" rx="45.13" ry="45.13"/><path fill="#fff" d="M169.48 410.71h-34.25l-21.5-40.47c-.77-1.42-1.36-2.54-1.77-3.37c-.35-.88-.74-1.89-1.15-3.01h-.35q-.795 2.13-1.5 3.45c-.47.89-1.03 1.98-1.68 3.28l-22.3 40.11h-32.3l38.76-63.58l-36.1-63.4h33.8l19.11 36.13q1.155 2.22 1.95 3.9q.885 1.59 1.77 3.81h.35l1.95-4.07c.53-1 1.24-2.33 2.12-3.98l19.82-35.77h32.21l-36.63 62.43l37.7 64.55Z"/></svg>

Cómo usar el icono Microsoft Excel

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Imagen HTML

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

Iconos relacionados en theSVG Color

El icono Microsoft Excel en otras colecciones

Preguntas frecuentes sobre Icono Microsoft Excel

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

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

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

Ver todos los Iconos theSVG Color →