ICONYZ
日本語
Flat Color Icons の Reading Ebook アイコン

Reading Ebook アイコン

flat-color-icons:reading-ebook

Reading Ebook アイコン(flat-color-icons:reading-ebook)は、Flat Color Icons セットの無料 SVG アイコンです(作者: Icons8)。 48 × 48 のグリッドで描かれています。 Flat Color Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Flat Color Icons
作者
Icons8
ライセンス
MIT
サイズ
48 × 48
タグ
readingebook
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#2196F3" d="M33.5 27c-2.2-3-5.2-5-9.5-5s-7.3 2-9.5 5z"/><path fill="#546E7A" d="M34.1 43H13.9c-1.1 0-1.9-.8-2-1.9l-.8-13c0-1.1.9-2.1 2-2.1h21.8c1.2 0 2.1 1 2 2.1l-.8 13c-.1 1.1-.9 1.9-2 1.9"/><circle cx="34" cy="29" r="1" fill="#B0BEC5"/><g fill="#FFB74D"><circle cx="24" cy="12" r="8"/><path d="M16.1 42.4L15 43.5c-.6.6-1.6.6-2.2 0l-3.3-3.3c-.6-.6-.6-1.6 0-2.2l1.1-1.1c1.3-1.3 3.1-1.3 4.4 0l1.1 1.1c1.2 1.3 1.2 3.2 0 4.4M31.9 38l1.1-1.1c1.3-1.3 3.1-1.3 4.4 0l1.1 1.1c.6.6.6 1.6 0 2.2l-3.3 3.3c-.6.6-1.6.6-2.2 0l-1.1-1.1c-1.2-1.2-1.2-3.1 0-4.4"/></g></svg>

Reading Ebook アイコンの使い方

React

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

<Icon icon="flat-color-icons:reading-ebook" width="24" />

Vue

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

<template>
  <Icon icon="flat-color-icons:reading-ebook" width="24" />
</template>

Svelte

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

<Icon icon="flat-color-icons:reading-ebook" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-color-icons--reading-ebook]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flat-color-icons -->
<div class="i-flat-color-icons:reading-ebook"></div>

Web コンポーネント

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

<iconify-icon icon="flat-color-icons:reading-ebook"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/flat-color-icons/reading-ebook.svg" alt="Reading Ebook アイコン" width="24" height="24">

Flat Color Icons の関連アイコン

Reading Ebook アイコン のよくある質問

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

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

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

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

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

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

Flat Color Icons をすべて見る →