Notebook Minimalistic Bold Duotone アイコン

Q: Notebook Minimalistic Bold Duotone アイコンは商用利用でも無料ですか?

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

solar:notebook-minimalistic-bold-duotone

Notebook Minimalistic Bold Duotone アイコン(solar:notebook-minimalistic-bold-duotone)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 学校
タグ: notebookminimalistic、minimalisticbold、boldduotone、notebookminimalisticboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M2 16.1437V4.99791C2 3.89973 2.8863 3.00763 3.9824 3.07499C4.95877 3.135 6.11349 3.25361 7 3.48755C8.04921 3.76441 9.29611 4.35411 10.2823 4.87556C10.8166 5.15813 11.41 5.29004 12 5.27451V20.4743C11.4394 20.4743 10.8788 20.3393 10.3724 20.0693C9.37293 19.5366 8.08145 18.9188 7 18.6335C6.12329 18.4021 4.98428 18.2836 4.01486 18.2229C2.90605 18.1536 2 17.2547 2 16.1437Z" clip-rule="evenodd" opacity=".5"/><path d="M22 16.1437V4.93332C22 3.86087 21.1538 2.98053 20.082 3.01787C18.9534 3.05718 17.5469 3.17415 16.5 3.48757C15.5924 3.75929 14.5353 4.30431 13.6738 4.80287C13.1587 5.101 12.581 5.25924 12 5.27453V20.4743C12.5606 20.4743 13.1212 20.3393 13.6276 20.0694C14.6271 19.5366 15.9185 18.9189 17 18.6335C17.8767 18.4021 19.0157 18.2836 19.9851 18.2229C21.094 18.1536 22 17.2547 22 16.1437Z"/></g></svg>

Notebook Minimalistic Bold Duotone アイコンの使い方

React

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

<Icon icon="solar:notebook-minimalistic-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:notebook-minimalistic-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:notebook-minimalistic-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--notebook-minimalistic-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:notebook-minimalistic-bold-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="solar:notebook-minimalistic-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/notebook-minimalistic-bold-duotone.svg" alt="Notebook Minimalistic Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Notebook Minimalistic Bold Duotone アイコンのよくある質問

Notebook Minimalistic Bold Duotone アイコンは商用利用でも無料ですか?

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

React で Notebook Minimalistic Bold Duotone アイコンを使うには?

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

Notebook Minimalistic Bold Duotone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/notebook-minimalistic-bold-duotone.svg" alt="Notebook Minimalistic Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →