Notebook With Decorative Cover アイコン
emojione:notebook-with-decorative-cover
Notebook With Decorative Cover アイコン(emojione:notebook-with-decorative-cover)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 物
- タグ
- notebookwith、withdecorative、decorativecover、notebookwithdecorativecover
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#3e4347" d="M41.2 3.4L28.3 60.1l26.5-7.3c3-.9 4.8-4 4-7.1L48.2 7.4c-.8-3.1-4-4.8-7-4"/><path fill="#e9f3fa" d="M39 2.8L28.3 60.1l26.3-8.5c3-1 4.7-4.2 3.7-7.2L46.2 6.5c-1-3-4.2-4.6-7.2-3.7"/><path fill="#c28fef" d="m37.1 2.4l-25.5 9.4L28.8 60l25.5-9.4c3-1.1 4.5-4.4 3.4-7.4L44.4 5.7c-1-2.9-4.3-4.4-7.3-3.3"/><path fill="#a67acc" d="m23.8 12.4l-1.5 3.3l-3.2-1.6l1.4-3.3zm9.3-3.5l-1.5 3.3l-3.2-1.5l1.5-3.4zm9.3-3.4L41 8.8l-3.2-1.6l1.4-3.3zM20.8 19l-1.4 3.3l-3.2-1.6l1.4-3.3zm9.4-3.5l-1.5 3.4l-3.2-1.6L27 14zm9.3-3.4L38 15.4l-3.2-1.6l1.5-3.3zM27.3 22.2l-1.5 3.3l-3.2-1.6l1.4-3.3zm18.6-6.9l-1.4 3.3l-3.2-1.6l1.4-3.3zM24.3 28.8l-1.4 3.3l-3.2-1.6l1.4-3.3zm9.4-3.5l-1.5 3.3l-3.2-1.5l1.5-3.3zm9.3-3.4l-1.5 3.3l-3.2-1.6l1.5-3.3zM30.8 32l-1.5 3.3l-3.2-1.6l1.5-3.3zm9.3-3.5l-1.5 3.3l-3.2-1.6l1.5-3.3zm9.3-3.5L48 28.4l-3.2-1.6l1.4-3.3zM27.8 38.6l-1.4 3.3l-3.2-1.6l1.4-3.3zm9.4-3.5l-1.5 3.3l-3.2-1.6l1.5-3.3zm9.3-3.4L45 35l-3.2-1.6l1.5-3.3zm-12.2 10L32.8 45l-3.2-1.5l1.5-3.3zm9.3-3.4l-1.5 3.3l-3.2-1.6l1.5-3.3zm9.3-3.5l-1.4 3.3l-3.2-1.5l1.4-3.3zM31.3 48.4l-1.4 3.3l-3.2-1.6l1.4-3.3zm9.4-3.5l-1.5 3.3l-3.2-1.6l1.5-3.3zm9.3-3.4l-1.4 3.3l-3.3-1.6l1.5-3.3zm-12.2 10l-1.5 3.3l-3.2-1.5l1.5-3.4zm9.3-3.4l-1.5 3.3l-3.2-1.6l1.5-3.3zm9.3-3.5L55 47.9l-3.2-1.6l1.4-3.3z"/><path fill="#3e4347" d="M7.6 13.3c-3 1.1-3 2.8-2 5.8L20 59.2c1.1 3 1.9 3.4 4.9 2.3l4-1.5l-17.3-48.2z"/><path fill="#fff" d="m41.5 21.4l-15.8 5.9l-2.2-6.3l15.8-5.8z"/></svg>
Notebook With Decorative Cover アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:notebook-with-decorative-cover" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:notebook-with-decorative-cover" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:notebook-with-decorative-cover" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--notebook-with-decorative-cover]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:notebook-with-decorative-cover"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:notebook-with-decorative-cover"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/notebook-with-decorative-cover.svg" alt="Notebook With Decorative Cover アイコン" width="24" height="24">
Emoji One (Colored) の関連アイコン
他のアイコンセットの Notebook With Decorative Cover アイコン
Notebook With Decorative Cover アイコン のよくある質問
Notebook With Decorative Cover アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Notebook With Decorative Cover アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:notebook-with-decorative-cover" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Notebook With Decorative Cover アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/notebook-with-decorative-cover.svg" alt="Notebook With Decorative Cover アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Colored) アイコン をすべて見る →
ICONYZ
