Onedrive アイコン
icomoon-free:onedrive
Onedrive アイコン(icomoon-free:onedrive)は、IcoMoon Free セットの無料 SVG アイコンです（作者: Keyamoon）。 24 × 24 のグリッドで描かれています。 IcoMoon Free icons は GPL ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IcoMoon Free
- 作者
- Keyamoon
- ライセンス
- GPL-3.0-or-later
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.482 12.944c-.942-.235-1.466-.984-1.468-2.095c0-.355.025-.525.114-.754c.217-.56.793-.982 1.55-1.138c.377-.077.493-.16.493-.353c0-.06.045-.24.1-.399c.249-.724.71-1.327 1.202-1.573c.515-.258.776-.316 1.399-.313c.886.005 1.327.197 1.945.846l.34.357l.304-.105c1.473-.51 2.942.358 3.061 1.809l.032.397l.29.104c.829.297 1.218.92 1.148 1.837c-.046.599-.326 1.078-.77 1.315l-.209.112l-4.638.009c-3.564.007-4.697-.006-4.893-.055zm-3.869-.663c-.565-.142-1.164-.67-1.445-1.273C.009 10.666 0 10.615 0 10.01c0-.576.014-.668.14-.954a2.14 2.14 0 0 1 1.422-1.21c.136-.036.263-.094.283-.128s.043-.221.05-.415c.045-1.206.794-2.269 1.839-2.61c.565-.184 1.306-.202 1.92.058c.195.082.173.1.585-.471c.244-.338.705-.695 1.108-.909c.435-.231.887-.337 1.428-.336c1.512.004 2.815 1.003 3.297 2.529c.154.487.146.624-.035.628a3 3 0 0 0-.505.102l-.361.099l-.329-.348c-.928-.98-2.441-1.192-3.728-.522a3.16 3.16 0 0 0-1.239 1.153c-.222.357-.506 1.024-.506 1.189c0 .117-.09.176-.474.309c-1.189.412-1.883 1.364-1.882 2.582c0 .443.108.986.258 1.296c.057.117.088.228.07.247c-.046.049-1.525.032-1.73-.019z"/></svg>Onedrive アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icomoon-free:onedrive" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icomoon-free:onedrive" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icomoon-free:onedrive" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icomoon-free--onedrive]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icomoon-free -->
<div class="i-icomoon-free:onedrive"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icomoon-free:onedrive"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icomoon-free/onedrive.svg" alt="Onedrive アイコン" width="24" height="24">他のアイコンセットの Onedrive アイコン
Onedrive アイコン のよくある質問
Onedrive アイコンは商用利用でも無料ですか?
はい。IcoMoon Free icons は GPL ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。
React で Onedrive アイコンを使うには?
@iconify/react をインストールして <Icon icon="icomoon-free:onedrive" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Onedrive アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icomoon-free/onedrive.svg" alt="Onedrive アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。