Notebook With Decorative Cover アイコン
emojione-v1:notebook-with-decorative-cover
Notebook With Decorative Cover アイコン(emojione-v1:notebook-with-decorative-cover)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-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="#34484c" d="M6.199 57.475s1.827 7.029 13.264 5.23L21.413 58l-3.29-3.576l-9.107-3.004l-2.813 6.055"/><path fill="#b9a831" d="M42.636 44.301c0 2.492-1.28 3.144-4.513 4.51L10.51 60.475A4.513 4.513 0 0 1 6 55.963V17.166c0-2.492 1.464-3.322 4.511-4.512L38.123 1a4.51 4.51 0 0 1 4.513 4.514V44.31"/><path fill="#34484c" d="M8.507 59.997s10.351 2.966 10.956 2.71c.602-.254-.387-4.487-.387-4.487l-3.743-4.033l-3.484-.16l-.612.87z"/><path fill="#f4f5f5" d="m37.473 3.674l-30.63 12.87l1.435 8.247l4.562.457l15.216-2.451l9.462-4.957l6.962-9.537c-1.524-2.729-3.759-4.42-7.007-4.629"/><path fill="#34484c" d="M14.957 19.398c0-.72.13-1.3.375-1.793c-3.132-.292-6.093-1.198-8.253-3.143c-.716.66-1.07 1.478-1.07 2.698v38.798a4.513 4.513 0 0 0 4.515 4.511l4.455-1.88c-.01-.131-.022-.262-.022-.394z"/><path fill="#f7ec35" d="M52.382 48.124c0 2.492-1.28 3.146-4.511 4.511L19.459 62.707a4.514 4.514 0 0 1-4.517-4.511V19.398c0-2.492 1.467-3.32 4.517-4.512L47.86 4.816a4.51 4.51 0 0 1 4.512 4.511v38.797"/><path fill="#a49032" d="M40.62 16.652a.61.61 0 0 1-.349.79l-15.11 5.823a.608.608 0 1 1-.439-1.138l15.113-5.822a.606.606 0 0 1 .786.349m-.001 2.783a.61.61 0 0 1-.349.79l-15.11 5.822a.608.608 0 1 1-.439-1.138l15.113-5.822a.61.61 0 0 1 .786.35m-5.136 4.849c.122.315.047.639-.168.72l-10.318 3.978c-.218.083-.49-.106-.61-.42c-.121-.315-.044-.637.17-.718l10.317-3.98c.216-.08.487.107.61.42"/></svg>
Notebook With Decorative Cover アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:notebook-with-decorative-cover" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:notebook-with-decorative-cover" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:notebook-with-decorative-cover" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--notebook-with-decorative-cover]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1: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-v1:notebook-with-decorative-cover"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/notebook-with-decorative-cover.svg" alt="Notebook With Decorative Cover アイコン" width="24" height="24">
他のアイコンセットの Notebook With Decorative Cover アイコン
Notebook With Decorative Cover アイコン のよくある質問
Notebook With Decorative Cover アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Notebook With Decorative Cover アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:notebook-with-decorative-cover" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Notebook With Decorative Cover アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/notebook-with-decorative-cover.svg" alt="Notebook With Decorative Cover アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
