Ikon Microsoft Onedrive

thesvg-color:microsoft-onedrive

Ikon Microsoft Onedrive (thesvg-color:microsoft-onedrive) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 1000 × 615. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: theSVG Color
Pembuat: thesvg.org
Lisensi: MIT
Ukuran: 1000 × 615
Tag: microsoftonedrive

Download SVG

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

Cara memakai ikon 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>

Gambar HTML

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

Ikon terkait di theSVG Color

Ikon Microsoft Onedrive di set ikon lain

FAQ Ikon Microsoft Onedrive

Apakah ikon Microsoft Onedrive gratis untuk penggunaan komersial?

Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Microsoft Onedrive di React?

Pasang @iconify/react lalu render <Icon icon="thesvg-color:microsoft-onedrive" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Microsoft Onedrive ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-onedrive.svg" alt="Ikon Microsoft Onedrive">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →