Microsoft Onenote アイコン
thesvg-color:microsoft-onenote
Microsoft Onenote アイコン(thesvg-color:microsoft-onenote)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 35 × 36 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 35 × 36
- タグ
- microsoftonenote
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="36" viewBox="0 0 35 36"><g fill="none"><path fill="url(#SVGL2OgebKF)" d="M9 33.545A6.545 6.545 0 0 1 15.546 27H39v11.727a3.273 3.273 0 0 1-3.273 3.272l-20.592-.005A6.136 6.136 0 0 1 9 35.858z"/><path fill="url(#SVGgoe32ofQ)" d="m25 14.5l14-.5v12.727A3.273 3.273 0 0 1 35.727 30H25z"/><path fill="url(#SVGQNUw7o3M)" d="M9.005 11.999a6 6 0 0 1 6-5.999H35.5A3.5 3.5 0 0 1 39 9.5v5a3.5 3.5 0 0 1-3.5 3.5h-3a3.5 3.5 0 0 0-3.5 3.5v5a3.5 3.5 0 0 1-3.5 3.5H15a6 6 0 0 0-6 6z"/><path fill="url(#SVGeCNaousO)" d="M9.005 11.999a6 6 0 0 1 6-5.999H35.5A3.5 3.5 0 0 1 39 9.5v5a3.5 3.5 0 0 1-3.5 3.5h-3a3.5 3.5 0 0 0-3.5 3.5v5a3.5 3.5 0 0 1-3.5 3.5H15a6 6 0 0 0-6 6z"/><rect width="16" height="16" x="4" y="23" fill="url(#SVGvAXmlbqR)" rx="3.25"/><rect width="16" height="16" x="4" y="23" fill="url(#SVGlMJ4oeqM)" fill-opacity=".8" rx="3.25"/><path fill="#fff" d="M16.11 35.571h-2.077l-3.766-5.642a16 16 0 0 1-.268-.44a4 4 0 0 1-.166-.319h-.025q.012.243.019.612q.006.37.006.867v4.922H7.89V26.43h2.217l3.626 5.464a9 9 0 0 1 .223.376q.115.184.21.37h.026a9 9 0 0 1-.019-.472a40 40 0 0 1-.006-.784V26.43h1.943z"/><defs><radialGradient id="SVGL2OgebKF" cx="0" cy="0" r="1" gradientTransform="matrix(47.5733 0 0 20.0481 38.125 42)" gradientUnits="userSpaceOnUse"><stop offset=".159" stop-color="#a931d8"/><stop offset=".566" stop-color="#6e1996"/></radialGradient><radialGradient id="SVGeCNaousO" cx="0" cy="0" r="1" gradientTransform="rotate(121.483 19.403 13.628)scale(28.8769 50.7758)" gradientUnits="userSpaceOnUse"><stop stop-color="#ffc7a3"/><stop offset=".831" stop-color="#de67fd" stop-opacity="0"/></radialGradient><radialGradient id="SVGvAXmlbqR" cx="0" cy="0" r="1" gradientTransform="rotate(45 -25.763 16.328)scale(22.6274)" gradientUnits="userSpaceOnUse"><stop offset=".072" stop-color="#ac13eb"/><stop offset=".879" stop-color="#580087"/></radialGradient><radialGradient id="SVGlMJ4oeqM" cx="0" cy="0" r="1" gradientTransform="matrix(0 11.2 -12.9 0 12 32.6)" gradientUnits="userSpaceOnUse"><stop offset=".585" stop-color="#841fb0" stop-opacity="0"/><stop offset=".969" stop-color="#d373fc"/></radialGradient><linearGradient id="SVGgoe32ofQ" x1="45.284" x2="28.013" y1="22.752" y2="14.022" gradientUnits="userSpaceOnUse"><stop offset=".217" stop-color="#ca59f7"/><stop offset=".888" stop-color="#691a90"/></linearGradient><linearGradient id="SVGQNUw7o3M" x1="40.327" x2="9.007" y1="13.764" y2="13.764" gradientUnits="userSpaceOnUse"><stop offset=".807" stop-color="#de66ff"/><stop offset="1" stop-color="#fcb1ff"/></linearGradient></defs></g></svg>
Microsoft Onenote アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:microsoft-onenote" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:microsoft-onenote" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:microsoft-onenote" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--microsoft-onenote]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-onenote"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:microsoft-onenote"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-onenote.svg" alt="Microsoft Onenote アイコン" width="24" height="24">
他のアイコンセットの Microsoft Onenote アイコン
Microsoft Onenote アイコン のよくある質問
Microsoft Onenote アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Microsoft Onenote アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:microsoft-onenote" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Microsoft Onenote アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-onenote.svg" alt="Microsoft Onenote アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
theSVG Color アイコン をすべて見る →
