Microsoft Onenote 2018 アイコン

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

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

selfhst:microsoft-onenote-2018

Microsoft Onenote 2018 アイコン(selfhst:microsoft-onenote-2018)は、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
タグ: microsoftonenote

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#ca64ea" d="M392.9 494.1h-252c-12 0-21.8-9.8-21.8-21.8V39.7c0-12 9.8-21.8 21.8-21.8h349.3c12 0 21.8 9.8 21.8 21.8V137z"/><path fill="#ae4bd5" d="m512 256l-59.5 35.7l-59.6-35.7V136.9H512z"/><path fill="#9332bf" d="m512 375.1l-59.5 35.7l-59.5-35.7V256h119z"/><path fill="#7719aa" d="M392.9 375.1H512v96.7c0 12.3-10 22.3-22.3 22.3H393v-119z"/><path d="M263.9 113.1H119.1v297.7H264c12 0 21.8-9.8 21.8-21.8V135c-.1-12.1-9.8-21.8-21.9-21.9" opacity=".2"/><path d="M252 125H119v297.7h133c12 0 21.8-9.8 21.8-21.8v-254c0-12.1-9.7-21.8-21.8-21.9" opacity=".2"/><path d="M252 125H119v273.9h133c12 0 21.8-9.8 21.8-21.8V146.8c0-12-9.7-21.7-21.8-21.8" opacity=".5"/><path d="M240.1 125h-121v273.9h121.1c12 0 21.8-9.8 21.8-21.8V146.8c-.1-12-9.8-21.7-21.9-21.8" opacity=".5"/><linearGradient id="SVGnfS5Qcjm" x1="45.489" x2="216.395" y1="2169.369" y2="1873.367" gradientTransform="matrix(1 0 0 -1 0 2277.333)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8324b3"/><stop offset=".5" stop-color="#7a1bac"/><stop offset="1" stop-color="#621197"/></linearGradient><path fill="url(#SVGnfS5Qcjm)" d="M21.8 125h218.3c12.1 0 21.8 9.8 21.8 21.8v218.3c0 12.1-9.8 21.8-21.8 21.8H21.8C9.8 387 0 377.2 0 365.2V146.8c0-12 9.8-21.8 21.8-21.8"/><path fill="#fff" d="M71.8 185.1h29.6l58.1 94.1q3.9 6.3 6 10.2h.4c-.7-6.4-1-12.8-.9-19.3v-85h25.2V327h-27.7l-60.3-96.7c-2-3.2-3.8-6.5-5.4-10h-.5c.6 7 .9 14.1.8 21.2V327H71.8z"/></svg>

Microsoft Onenote 2018 アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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