Microsoft Onedrive 2018 Light アイコン

Q: Microsoft Onedrive 2018 Light アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:microsoft-onedrive-2018-light

Microsoft Onedrive 2018 Light アイコン(selfhst:microsoft-onedrive-2018-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: microsoftonedrive、onedrivelight、microsoftonedrivelight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="m409.2 318.2l-27.3-16.3l-62.5-37.4l-16.1-9.6l-47.1 19.8l-96.2 40.4l-43.2 18.2l-89.4 37.6c23.5 29.4 59.3 46.7 97.3 46.7h287.2c34.7 0 66.6-17.9 84.9-47z" opacity=".8"/><path fill="#fff" d="M410.1 204.2h-1.6c-.7 0-1.4 0-2.1.1h-.5c-.9 0-1.7.1-2.5.2h-.1c-12.5.9-24.6 3.9-36.2 8.9l-62.5 26.4l-58.4-34.8l-49.2-29.5h-.1c-1.3-.8-2.5-1.5-3.8-2.3c-.4-.2-.9-.5-1.3-.7c-.9-.5-1.8-1-2.6-1.5c-.5-.3-1-.5-1.5-.8c-.8-.4-1.7-.8-2.5-1.3c-.5-.3-1.1-.5-1.6-.8c-.8-.4-1.7-.8-2.5-1.2c-.5-.2-1-.5-1.5-.7c-.9-.4-1.9-.8-2.8-1.2c-.4-.2-.9-.4-1.3-.5c-1.4-.5-2.8-1.1-4.1-1.6c-.1 0-.1 0-.2-.1c-1.3-.5-2.6-.9-4-1.4c-.5-.2-.9-.3-1.4-.4c-.9-.3-1.9-.6-2.8-.9c-.5-.2-1.1-.3-1.6-.5c-.9-.2-1.8-.5-2.7-.7c-.6-.1-1.1-.3-1.7-.4l-2.7-.6c-.5-.1-1.1-.2-1.6-.4l-3-.6c-.5-.1-.9-.2-1.4-.3c-1.5-.3-2.9-.5-4.4-.7h-.4c-1.3-.2-2.7-.3-4-.5c-.5-.1-1-.1-1.5-.1c-.7-.1-1.4-.1-2.2-.2c21.4-27.6 51.3-47.3 85.3-56c40.8-10.4 83.2-4.4 119.4 17.1c33.5 20.2 57.9 51.1 69.6 88m49.4 25.4c-11.6-6.2-24-10-36.9-11.4l-4.2-.4c-2.2-.2-4.3-.3-6.6-.3c-13.7 0-27 2.8-39.6 8.2l-53.6 22.6l7.8 4.6l62.5 37.5l27.3 16.3l87 52.1c21.4-47.4 2.7-104.1-43.7-129.2M123 168.3c-33.2.4-64.4 13.8-87.6 37.6C12.2 229.8-.4 261.2 0 294.5c.3 23.3 7 45.8 19.4 65.3l29.9-12.6l239.8-100.9l-99-59.3c-19.7-12.2-42.3-18.6-65.4-18.6H123z"/></svg>

Microsoft Onedrive 2018 Light アイコンの使い方

React

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

<Icon icon="selfhst:microsoft-onedrive-2018-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:microsoft-onedrive-2018-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:microsoft-onedrive-2018-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--microsoft-onedrive-2018-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:microsoft-onedrive-2018-light"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:microsoft-onedrive-2018-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/microsoft-onedrive-2018-light.svg" alt="Microsoft Onedrive 2018 Light アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

Microsoft Onedrive 2018 Light アイコンのよくある質問

Microsoft Onedrive 2018 Light アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Microsoft Onedrive 2018 Light アイコンを使うには?

@iconify/react をインストールして <Icon icon="selfhst:microsoft-onedrive-2018-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Microsoft Onedrive 2018 Light アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/microsoft-onedrive-2018-light.svg" alt="Microsoft Onedrive 2018 Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

selfh.st/icons をすべて見る →