Ícone Microsoft Onedrive

thesvg-color:microsoft-onedrive

O ícone Microsoft Onedrive (thesvg-color:microsoft-onedrive) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 1000 × 615. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: theSVG Color
Autor: thesvg.org
Licença: MIT
Tamanho: 1000 × 615
Tags: microsoftonedrive

Baixar 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>

Como usar o ícone 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>

Imagem HTML

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

Ícones relacionados em theSVG Color

O ícone Microsoft Onedrive em outras coleções

Perguntas frequentes sobre Ícone Microsoft Onedrive

O ícone Microsoft Onedrive é grátis para uso comercial?

Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Microsoft Onedrive no React?

Instale @iconify/react e renderize <Icon icon="thesvg-color:microsoft-onedrive" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Microsoft Onedrive a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-onedrive.svg" alt="Ícone Microsoft Onedrive">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones theSVG Color →