Books アイコン

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

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

openmoji:books

Books アイコン(openmoji:books)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 物
タグ: book

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="M61.217 21.641L37.91 15.04a1 1 0 0 0-.554.002l-22.594 6.626a1 1 0 0 0-.137.072a5.383 5.383 0 0 0-1.834 9.543a5.364 5.364 0 0 0 .066 8.697a5.378 5.378 0 0 0 1.486 9.502l23.014 6.713a1 1 0 0 0 .555.002l23.306-6.652a1 1 0 0 0 .725-.961v-25.98a1 1 0 0 0-.727-.962"/><path fill="#92d3f5" d="m37.638 15.976l23.306 6.603l-23.306 6.652l-22.594-6.628z"/><path fill="#61b2e4" d="m15.082 24.728l21.994 6.446a2 2 0 0 0 1.11.004l23.296-6.765a.61.61 0 0 0 .442-.58l.019-1.25l-24.305 6.672l-22.558-6.613a4.4 4.4 0 0 0-.455 8.482l23.014 6.713l24.211-6.91l.04-1.243a.626.626 0 0 0-.797-.621l-23.449 6.692l-22.422-6.54a2.4 2.4 0 0 1-.14-4.487"/><path fill="#d22f27" d="m15.082 33.41l21.994 6.446a2 2 0 0 0 1.11.004l23.296-6.766a.61.61 0 0 0 .442-.579l.019-1.25l-24.305 6.672l-22.558-6.613a4.4 4.4 0 0 0-.455 8.482l23.014 6.713l24.211-6.91l.04-1.243a.625.625 0 0 0-.797-.621l-23.449 6.692l-22.422-6.54a2.4 2.4 0 0 1-.14-4.487"/><path fill="#5c9e31" d="M15.082 42.155L37.076 48.6a2 2 0 0 0 1.11.004l23.296-6.765a.61.61 0 0 0 .442-.58l.019-1.25l-24.305 6.672L15.08 40.07a4.4 4.4 0 0 0-.455 8.481l23.014 6.713l24.211-6.91l.04-1.242a.625.625 0 0 0-.797-.622l-23.449 6.693l-22.422-6.54a2.4 2.4 0 0 1-.14-4.488"/><path fill="#61b2e4" d="m44.32 17.794l-5.726-1.622L16 22.799l5.81 1.705z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m37.638 16l23.306 6.603l-23.306 6.652l-22.594-6.628z"/><path d="M15.08 22.643a4.4 4.4 0 0 0-.455 8.48l23.014 6.714l23.305-6.652"/><path d="M15.08 31.294a4.4 4.4 0 0 0-.455 8.481l23.014 6.714l23.305-6.652"/><path d="M15.08 40.04a4.4 4.4 0 0 0-.455 8.481l23.014 6.713l23.305-6.651"/></g></svg>

Books アイコンの使い方

React

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

<Icon icon="openmoji:books" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:books" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:books" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--books]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:books"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:books"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/books.svg" alt="Books アイコン" width="24" height="24">

他のアイコンセットの Books アイコン

Books アイコンのよくある質問

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

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

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

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

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

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

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