Icono Microsoft Onedrive

thesvg-color:microsoft-onedrive

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

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="615" viewBox="0 0 1000 615"><defs><radialGradient id="SVGZz8qadeW" cx="-446.23" cy="850.24" r="6.99" fx="-446.23" fy="850.24" gradientTransform="matrix(28.87975 32.00675 53.69646 -48.39975 -32750.77 55564.7)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4894fe"/><stop offset=".7" stop-color="#0934b3"/></radialGradient><radialGradient id="SVGcgUD0bxI" cx="-463.71" cy="855.09" r="6.99" fx="-463.71" fy="855.09" gradientTransform="rotate(133.14 -68284.413 -40545.81)scale(185.64 -138.68)skewX(-.02)" gradientUnits="userSpaceOnUse"><stop offset=".17" stop-color="#23c0fe"/><stop offset=".53" stop-color="#1c91ff"/></radialGradient><radialGradient id="SVGSpcEBdxA" cx="-478.67" cy="847.12" r="6.99" fx="-478.67" fy="847.12" gradientTransform="rotate(-142.17 3497.832 -39537.84)scale(38.21 -86.04)skewX(.06)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".66" stop-color="#adc0ff" stop-opacity="0"/></radialGradient><radialGradient id="SVGlqsQUbBE" cx="-484.89" cy="847.31" r="6.99" fx="-484.89" fy="847.31" gradientTransform="rotate(-141.95 -685.23 -30728.248)scale(43.05 -64.36)skewX(.04)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#033acc"/><stop offset="1" stop-color="#368eff" stop-opacity="0"/></radialGradient><radialGradient id="SVGGGot8bqW" cx="-454.42" cy="853.18" r="6.99" fx="-454.42" fy="853.18" gradientTransform="matrix(38.74213 82.7056 94.03873 -44.01576 -62416.51 75114.97)" gradientUnits="userSpaceOnUse"><stop offset=".59" stop-color="#3464e3" stop-opacity="0"/><stop offset="1" stop-color="#033acc"/></radialGradient><radialGradient id="SVGBRVs5d2O" cx="-465.3" cy="852.63" r="6.99" fx="-465.3" fy="852.63" gradientTransform="matrix(-101.35519 93.7574 146.5162 158.24743 -171232.53 -91444.13)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4bfde8"/><stop offset=".54" stop-color="#4bfde8" stop-opacity="0"/></radialGradient><radialGradient id="SVGJiI5hbex" cx="-445.42" cy="847.35" r="6.99" fx="-445.42" fy="847.35" gradientTransform="matrix(60.3777 22.14291 39.59688 -107.87213 -6264.92 101508.79)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".79" stop-color="#fff" stop-opacity="0"/></radialGradient><radialGradient id="SVGQbW17ctf" cx="-468.67" cy="861.39" r="6.99" fx="-468.67" fy="861.39" gradientTransform="matrix(-67.45933 53.77501 53.21816 66.68832 -76468.45 -32083.78)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4bfde8"/><stop offset=".58" stop-color="#4bfde8" stop-opacity="0"/></radialGradient><linearGradient id="SVGE0Iojc2T" x1="638.67" x2="638.67" y1="2.44" y2="421.76" gradientTransform="matrix(1 0 0 -1 0 617.01)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0086ff"/><stop offset=".49" stop-color="#0bf"/></linearGradient></defs><path fill="url(#SVGZz8qadeW)" d="M276.36 94.08C123.48 94.08 9.21 209.84.6 338.79c5.33 27.79 22.83 82.65 50.24 79.84c34.26-3.52 120.56 0 194.17-123.26c53.77-90.04 164.37-201.29 31.35-201.29"/><path fill="url(#SVGcgUD0bxI)" d="M240.99 142.19c-51.39 75.26-120.56 183.1-143.91 217.03c-27.75 40.34-101.25 23.2-95.16-34.62a237 237 0 0 0-1.38 14.19C-9.51 489.22 119.43 614.14 279.88 614.14c176.84 0 598.58-203.81 555.9-408.02C790.8 86.1 664.36 0 521.07 0S285.94 76.36 241 142.19Z"/><path fill="url(#SVGSpcEBdxA)" fill-opacity=".4" d="M240.99 142.19c-51.39 75.26-120.56 183.1-143.91 217.03c-27.75 40.34-101.25 23.2-95.16-34.62a237 237 0 0 0-1.38 14.19C-9.51 489.22 119.43 614.14 279.88 614.14c176.84 0 598.58-203.81 555.9-408.02C790.8 86.1 664.36 0 521.07 0S285.94 76.36 241 142.19Z"/><path fill="url(#SVGlqsQUbBE)" d="M240.99 142.19c-51.39 75.26-120.56 183.1-143.91 217.03c-27.75 40.34-101.25 23.2-95.16-34.62a237 237 0 0 0-1.38 14.19C-9.51 489.22 119.43 614.14 279.88 614.14c176.84 0 598.58-203.81 555.9-408.02C790.8 86.1 664.36 0 521.07 0S285.94 76.36 241 142.19Z"/><path fill="url(#SVGGGot8bqW)" fill-opacity=".6" d="M240.99 142.19c-51.39 75.26-120.56 183.1-143.91 217.03c-27.75 40.34-101.25 23.2-95.16-34.62a237 237 0 0 0-1.38 14.19C-9.51 489.22 119.43 614.14 279.88 614.14c176.84 0 598.58-203.81 555.9-408.02C790.8 86.1 664.36 0 521.07 0S285.94 76.36 241 142.19Z"/><path fill="url(#SVGBRVs5d2O)" fill-opacity=".9" d="M240.99 142.19c-51.39 75.26-120.56 183.1-143.91 217.03c-27.75 40.34-101.25 23.2-95.16-34.62a237 237 0 0 0-1.38 14.19C-9.51 489.22 119.43 614.14 279.88 614.14c176.84 0 598.58-203.81 555.9-408.02C790.8 86.1 664.36 0 521.07 0S285.94 76.36 241 142.19Z"/><path fill="url(#SVGE0Iojc2T)" d="M277.34 614.23s422.24.77 493.86.77c129.97 0 228.8-98.16 228.8-212.69s-100.8-212.1-228.8-212.1s-201.7 88.57-257.06 185.25c-64.87 113.29-147.62 237.41-236.8 238.77"/><path fill="url(#SVGJiI5hbex)" fill-opacity=".4" d="M277.34 614.23s422.24.77 493.86.77c129.97 0 228.8-98.16 228.8-212.69s-100.8-212.1-228.8-212.1s-201.7 88.57-257.06 185.25c-64.87 113.29-147.62 237.41-236.8 238.77"/><path fill="url(#SVGQbW17ctf)" fill-opacity=".9" d="M277.34 614.23s422.24.77 493.86.77c129.97 0 228.8-98.16 228.8-212.69s-100.8-212.1-228.8-212.1s-201.7 88.57-257.06 185.25c-64.87 113.29-147.62 237.41-236.8 238.77"/></svg>

Cómo usar el icono Microsoft Onedrive

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Imagen HTML

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

Iconos relacionados en theSVG Color

El icono Microsoft Onedrive en otras colecciones

Preguntas frecuentes sobre Icono Microsoft Onedrive

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

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

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

Ver todos los Iconos theSVG Color →