Open Book アイコン

Q: Open Book アイコンは商用利用でも無料ですか?

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

emojione-v1:open-book

Open Book アイコン(emojione-v1:open-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
カテゴリ: 物
タグ: openbook

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#bb324a" d="M31.928 48.656c0 1.801-1.705 3.26-3.81 3.26H3.814C1.708 51.916 0 50.457 0 48.656V19.29c0-1.801 1.708-3.257 3.814-3.257h24.304c2.105 0 3.81 1.457 3.81 3.257z"/><path fill="#de374b" d="M31.928 46.36c0 1.802-1.705 3.261-3.81 3.261H3.814C1.708 49.621 0 48.162 0 46.36V16.996c0-1.799 1.708-3.258 3.814-3.258h24.304c2.105 0 3.81 1.459 3.81 3.258z"/><path fill="#bb324a" d="M31.622 48.656c0 1.801 1.707 3.26 3.812 3.26H59.74c2.101 0 3.809-1.459 3.809-3.26V19.29c0-1.801-1.708-3.257-3.809-3.257H35.436c-2.105 0-3.813 1.457-3.813 3.257v29.366"/><path fill="#de374b" d="M31.622 46.36c0 1.802 1.707 3.261 3.812 3.261H59.74c2.101 0 3.809-1.459 3.809-3.261V16.996c0-1.799-1.708-3.258-3.809-3.258H35.436c-2.105 0-3.813 1.459-3.813 3.258V46.36"/><path fill="#d0d1d2" d="M32.26 45.922c0 1.801-1.608 3.26-3.594 3.26H5.772c-1.982 0-3.588-1.459-3.588-3.26V16.557c0-1.803 1.606-3.259 3.588-3.259h22.895c1.986 0 3.594 1.457 3.594 3.259z"/><path fill="#e7e6e6" d="M32.26 43.624c0 1.803-1.608 3.26-3.594 3.26H5.772c-1.982 0-3.588-1.457-3.588-3.26V14.258C2.184 12.459 3.79 11 5.772 11h22.895c1.986 0 3.594 1.459 3.594 3.258v29.366"/><path fill="#35494d" d="M6.706 18.893h20.369c1.369 0 1.369-1.926 0-1.926H6.706c-1.368 0-1.368 1.926 0 1.926m0 3.907h20.369c1.369 0 1.369-1.924 0-1.924H6.706c-1.368 0-1.368 1.924 0 1.924m0 3.997h20.369c1.369 0 1.369-1.926 0-1.926H6.706c-1.368 0-1.368 1.926 0 1.926m0 3.91h20.369c1.369 0 1.369-1.926 0-1.926H6.706c-1.368 0-1.368 1.926 0 1.926m0 4.044h20.369c1.369 0 1.369-1.926 0-1.926H6.706c-1.368 0-1.368 1.926 0 1.926m0 4.569h20.369c1.369 0 1.369-1.926 0-1.926H6.706c-1.368 0-1.368 1.926 0 1.926"/><path fill="#d0d1d2" d="M62.33 46.54c0 1.801-1.607 3.259-3.592 3.259H35.844c-1.979 0-3.589-1.458-3.589-3.259V17.173c0-1.799 1.61-3.257 3.589-3.257h22.894c1.984 0 3.592 1.458 3.592 3.257z"/><path fill="#e7e6e6" d="M62.33 44.24c0 1.799-1.607 3.258-3.592 3.258H35.844c-1.979 0-3.589-1.459-3.589-3.258V14.87c0-1.798 1.61-3.255 3.589-3.255h22.894c1.984 0 3.592 1.457 3.592 3.255z"/><path fill="#35494d" d="M36.779 19.509h20.369c1.369 0 1.369-1.926 0-1.926H36.779c-1.369 0-1.369 1.926 0 1.926m0 3.911h20.369c1.369 0 1.369-1.924 0-1.924H36.779c-1.369 0-1.369 1.924 0 1.924m0 3.996h20.369c1.369 0 1.369-1.926 0-1.926H36.779c-1.369 0-1.369 1.926 0 1.926m0 3.914h20.369c1.369 0 1.369-1.928 0-1.928H36.779c-1.369 0-1.369 1.928 0 1.928m0 4.04h20.369c1.369 0 1.369-1.927 0-1.927H36.779c-1.369 0-1.369 1.927 0 1.927m7.331 4.566h13.393c.9 0 .9-1.927 0-1.927H44.11c-.899 0-.899 1.927 0 1.927"/></svg>

Open Book アイコンの使い方

React

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

<Icon icon="emojione-v1:open-book" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:open-book" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:open-book" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--open-book]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:open-book"></div>

Web コンポーネント

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

<iconify-icon icon="emojione-v1:open-book"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione-v1/open-book.svg" alt="Open Book アイコン" width="24" height="24">

Emoji One (v1) の関連アイコン

他のアイコンセットの Open Book アイコン

Open Book アイコンのよくある質問

Open Book アイコンは商用利用でも無料ですか?

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Open Book アイコンを使うには?

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

Open Book アイコンをウェブページに追加するには?

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

Emoji One (v1) アイコンをすべて見る →