Microsoft Onedrive icon
logos:microsoft-onedrive
The Microsoft Onedrive icon (logos:microsoft-onedrive) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 165 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 165
- Tags
- microsoftonedrive
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="165" viewBox="0 0 256 165"><path fill="#0364b8" d="m154.66 110.682l52.842-50.534c-10.976-42.8-54.57-68.597-97.37-57.62a80 80 0 0 0-46.952 33.51c.817-.02 91.48 74.644 91.48 74.644"/><path fill="#0078d4" d="m97.618 45.552l-.002.009a63.7 63.7 0 0 0-33.619-9.543c-.274 0-.544.017-.818.02C27.852 36.476-.432 65.47.005 100.798a63.97 63.97 0 0 0 11.493 35.798l79.165-9.915l60.694-48.94z"/><path fill="#1490df" d="M207.502 60.148a53 53 0 0 0-3.51-.131a51.8 51.8 0 0 0-20.61 4.254l-.002-.005l-32.022 13.475l35.302 43.607l63.11 15.341c13.62-25.283 4.164-56.82-21.12-70.44a52 52 0 0 0-21.148-6.1"/><path fill="#28a8ea" d="M11.498 136.596a63.91 63.91 0 0 0 52.5 27.417h139.994a51.99 51.99 0 0 0 45.778-27.323l-98.413-58.95z"/></svg>
How to use the Microsoft Onedrive icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:microsoft-onedrive" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:microsoft-onedrive" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:microsoft-onedrive" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--microsoft-onedrive]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:microsoft-onedrive"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:microsoft-onedrive"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/microsoft-onedrive.svg" alt="Microsoft Onedrive icon" width="24" height="24">
Related icons in SVG Logos
Microsoft Onedrive icon in other icon sets
Microsoft Onedrive icon FAQ
Is the Microsoft Onedrive icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Microsoft Onedrive icon in React?
Install @iconify/react and render <Icon icon="logos:microsoft-onedrive" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Microsoft Onedrive icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/microsoft-onedrive.svg" alt="Microsoft Onedrive icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
