Book Reader アイコン

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

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

uil:book-reader

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

アイコンセット: Unicons
作者: Iconscout
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: ユーザー
タグ: bookreader

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.18 10.19A12 12 0 0 0 18 10c-.42 0-.83 0-1.24.08a5.9 5.9 0 0 0-1.91-1.65a3.8 3.8 0 0 0 1-2.57a3.86 3.86 0 0 0-7.72 0a3.8 3.8 0 0 0 1 2.57a6.1 6.1 0 0 0-1.91 1.64C6.83 10 6.42 10 6 10a12 12 0 0 0-2.18.21a1 1 0 0 0-.82 1v8.25a1 1 0 0 0 .36.77a1 1 0 0 0 .82.22A10 10 0 0 1 6 20.23a9.9 9.9 0 0 1 5.45 1.63l.13.05A1.1 1.1 0 0 0 12 22a.9.9 0 0 0 .28-.05h.07l.13-.05A9.9 9.9 0 0 1 18 20.23a10 10 0 0 1 1.82.18a1 1 0 0 0 .82-.22a1 1 0 0 0 .36-.77v-8.25a1 1 0 0 0-.82-.98M12 4a1.86 1.86 0 0 1 0 3.71A1.86 1.86 0 0 1 12 4m-1 15.33a11.9 11.9 0 0 0-5-1.1c-.33 0-.66 0-1 .05V12a9.6 9.6 0 0 1 2.52.05h.11A10 10 0 0 1 11 13.33Zm1-7.73a12 12 0 0 0-1.38-.68h-.06c-.33-.13-.66-.26-1-.36A4 4 0 0 1 12 9.69a4 4 0 0 1 2.44.85A12.4 12.4 0 0 0 12 11.6m7 6.68a11.6 11.6 0 0 0-6 1v-6a9.8 9.8 0 0 1 3.37-1.22h.2A9.4 9.4 0 0 1 19 12Z"/></svg>

Book Reader アイコンの使い方

React

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

<Icon icon="uil:book-reader" width="24" />

Vue

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

<template>
  <Icon icon="uil:book-reader" width="24" />
</template>

Svelte

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

<Icon icon="uil:book-reader" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="uil:book-reader"></iconify-icon>

HTML 画像

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

Unicons の関連アイコン

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

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

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

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

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

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

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

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

Unicons をすべて見る →