Book アイコン

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

はい。Raphael icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

raphael:book

Book アイコン(raphael:book)は、Raphael セットの無料 SVG アイコンです（作者: Dmitry Baranovskiy）。 32 × 32 のグリッドで描かれています。 Raphael icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Raphael
作者: Dmitry Baranovskiy
ライセンス: MIT
サイズ: 32 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M25.754 4.626a.88.88 0 0 0-.802-.097L12.16 9.41c-.557.212-1.253.315-1.968.315c-.997.002-2.03-.202-2.747-.48a3.4 3.4 0 0 1-.624-.302q.084-.037.194-.075L18.648 4.43l1.733.654V3.172a.87.87 0 0 0-.373-.714a.88.88 0 0 0-.802-.097L6.415 7.24c-.396.143-.733.313-1.02.565c-.284.244-.527.645-.523 1.09c0 .013.004.032.004.032v17.186l-.003.02c0 .007.003.01.003.017v.017h.002c.028.6.37.983.7 1.255c1.033.803 2.768 1.252 4.613 1.274c.875 0 1.762-.116 2.584-.427l12.796-4.882a.86.86 0 0 0 .558-.81V5.342a.87.87 0 0 0-.374-.714zm-20.082 7.11a.9.9 0 0 1 .07.273l.003.053c.016.264.13.406.363.61c.783.627 2.382 1.08 4.083 1.094a6.8 6.8 0 0 0 1.932-.264v1.79c-.647.144-1.3.207-1.942.207c-1.674-.026-3.266-.353-4.51-1.053zm4.51 12.852c-1.675-.028-3.267-.354-4.51-1.055V20.82a.8.8 0 0 1 .07.276l.003.053c.018.266.13.407.364.612c.782.625 2.38 1.08 4.082 1.09c.67 0 1.327-.08 1.932-.26v1.788a9 9 0 0 1-1.943.208z"/></svg>

Book アイコンの使い方

React

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

<Icon icon="raphael:book" width="24" />

Vue

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

<template>
  <Icon icon="raphael:book" width="24" />
</template>

Svelte

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

<Icon icon="raphael:book" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="raphael:book"></iconify-icon>

HTML 画像

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

Raphael の関連アイコン

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

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

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

はい。Raphael icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

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