Closed Book アイコン
emojione-v1:closed-book
Closed Book アイコン(emojione-v1:closed-book)は、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
- カテゴリ
- 物
- タグ
- closedbook
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#34484c" d="M6.203 57.477s1.828 7.028 13.26 5.228L21.412 58l-3.289-3.573l-9.105-3.005l-2.812 6.055"/><path fill="#78111f" d="M42.635 44.305c0 2.49-1.282 3.146-4.512 4.511L10.515 60.471A4.514 4.514 0 0 1 6 55.959V17.166c0-2.493 1.466-3.32 4.515-4.511L38.123 1a4.513 4.513 0 0 1 4.512 4.513z"/><path fill="#34484c" d="M8.511 59.998s10.348 2.966 10.951 2.71c.604-.255-.386-4.484-.386-4.484l-3.743-4.035l-3.481-.161l-.614.871z"/><path fill="#f4f5f5" d="M37.472 3.684L6.848 16.551l1.436 8.247l4.56.454l15.214-2.447l9.458-4.959l6.962-9.535c-1.522-2.728-3.757-4.42-7.006-4.627"/><path fill="#34484c" d="M14.96 19.405c0-.72.129-1.3.373-1.792c-3.131-.292-6.09-1.199-8.25-3.146c-.715.661-1.07 1.48-1.07 2.701v38.793a4.513 4.513 0 0 0 4.513 4.512l4.454-1.882a4 4 0 0 1-.02-.391z"/><path fill="#be202e" d="M52.384 48.128c0 2.491-1.282 3.144-4.512 4.51L19.46 62.707a4.51 4.51 0 0 1-4.51-4.508V19.405c0-2.491 1.463-3.32 4.51-4.51L47.872 4.822c2.49 0 4.512 2.02 4.512 4.512z"/><path fill="#78111f" d="M40.62 16.661a.61.61 0 0 1-.35.79l-15.106 5.823a.609.609 0 1 1-.439-1.137l15.107-5.822a.607.607 0 0 1 .788.348m0 2.774a.61.61 0 0 1-.35.79l-15.106 5.822a.61.61 0 1 1-.439-1.138l15.107-5.823a.606.606 0 0 1 .788.349m-5.135 4.862c.121.313.047.634-.168.717L25 28.994c-.215.083-.488-.105-.609-.419c-.12-.313-.044-.638.17-.72l10.317-3.978c.216-.082.486.104.607.422"/></svg>
Closed Book アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:closed-book" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:closed-book" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:closed-book" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--closed-book]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:closed-book"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:closed-book"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/closed-book.svg" alt="Closed Book アイコン" width="24" height="24">
他のアイコンセットの Closed Book アイコン
Closed Book アイコン のよくある質問
Closed Book アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Closed Book アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:closed-book" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Closed Book アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/closed-book.svg" alt="Closed Book アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
