Book Check Fill アイコン

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

はい。Lets Icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

lets-icons:book-check-fill

Book Check Fill アイコン(lets-icons:book-check-fill)は、Lets Icons セットの無料 SVG アイコンです（作者: Leonid Tsvetkov）。 24 × 24 のグリッドで描かれています。 Lets Icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Lets Icons
作者: Leonid Tsvetkov
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 学習
タグ: bookcheck、checkfill、bookcheckfill

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="M6.5 16H16c1.886 0 2.828 0 3.414-.586S20 13.886 20 12V7c0-1.886 0-2.828-.586-3.414S17.886 3 16 3H8c-1.886 0-2.828 0-3.414.586S4 5.114 4 7v11.5A2.5 2.5 0 0 1 6.5 16m9.914-6.586a2 2 0 1 0-2.828-2.828L11 9.172l-.586-.586a2 2 0 1 0-2.828 2.828l1.293 1.293a3 3 0 0 0 4.242 0z" clip-rule="evenodd"/><path fill="currentColor" d="m19.414 15.414l-.707-.707zm0-11.828l-.707.707zm-3 3l.707-.707zm0 2.828l-.707-.707zm-2.828-2.828l-.707-.707zM11 9.172l-.707.707l.707.707l.707-.707zm-.586-.586l-.707.707zm-2.828 0l.707.707zm0 2.828l.707-.707zm1.293 1.293l-.707.707zm4.242 0L12.414 12zM16 15H6.5v2H16zm2.707-.293c-.076.076-.212.17-.646.229c-.462.062-1.09.064-2.061.064v2c.915 0 1.701.002 2.328-.082c.655-.088 1.284-.287 1.793-.797zM19 12c0 .971-.002 1.599-.064 2.061c-.059.434-.153.57-.229.646l1.414 1.414c.51-.51.709-1.138.797-1.793C21.002 13.7 21 12.915 21 12zm0-5v5h2V7zm-.293-2.707c.076.076.17.212.229.646C18.998 5.4 19 6.029 19 7h2c0-.915.002-1.701-.082-2.328c-.088-.655-.287-1.284-.797-1.793zM16 4c.971 0 1.599.002 2.061.064c.434.059.57.153.646.229l1.414-1.414c-.51-.51-1.138-.709-1.793-.797C17.7 1.998 16.915 2 16 2zM8 4h8V2H8zm-2.707.293c.076-.076.212-.17.646-.229C6.4 4.002 7.029 4 8 4V2c-.915 0-1.701-.002-2.328.082c-.655.088-1.284.287-1.793.797zM5 7c0-.971.002-1.599.064-2.061c.059-.434.153-.57.229-.646L3.879 2.879c-.51.51-.709 1.138-.797 1.793C2.998 5.3 3 6.085 3 7zm0 11.5V7H3v11.5zM6.5 15A3.5 3.5 0 0 0 3 18.5h2A1.5 1.5 0 0 1 6.5 17zm9.207-7.707a1 1 0 0 1 0 1.414l1.414 1.414a3 3 0 0 0 0-4.242zm-1.414 0a1 1 0 0 1 1.414 0l1.414-1.414a3 3 0 0 0-4.242 0zm-2.586 2.586l2.586-2.586l-1.414-1.414l-2.586 2.585zm-2-.586l.586.586l1.414-1.415l-.586-.585zm-1.414 0a1 1 0 0 1 1.414 0l1.414-1.414a3 3 0 0 0-4.242 0zm0 1.414a1 1 0 0 1 0-1.414L6.879 7.879a3 3 0 0 0 0 4.242zM9.586 12l-1.293-1.293l-1.414 1.414l1.293 1.293zm2.828 0a2 2 0 0 1-2.828 0l-1.414 1.414a4 4 0 0 0 5.656 0zm3.293-3.293L12.414 12l1.414 1.414l3.293-3.293zM11 20H6.5v2H11zm-8-1.5A3.5 3.5 0 0 0 6.5 22v-2A1.5 1.5 0 0 1 5 18.5z"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M20 21H10"/></g></svg>

Book Check Fill アイコンの使い方

React

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

<Icon icon="lets-icons:book-check-fill" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:book-check-fill" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:book-check-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--book-check-fill]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="lets-icons:book-check-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/lets-icons/book-check-fill.svg" alt="Book Check Fill アイコン" width="24" height="24">

Lets Icons の関連アイコン

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

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

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

はい。Lets Icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Lets Icons をすべて見る →