Book Atlas アイコン
glyphs-poly:book-atlas
Book Atlas アイコン(glyphs-poly:book-atlas)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- bookatlas、atla
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#6fcf97" fill-rule="evenodd" d="M22 11h41.02a.98.98 0 0 1 .98.98v44.77a.25.25 0 0 1-.25.25H22a6 6 0 0 0-5.995 5.75c0 .005-.005.005-.005 0V17a6 6 0 0 1 6-6" clip-rule="evenodd"/><path fill="#219653" fill-rule="evenodd" d="M63.376 66.755c.365.44.624.972.624 1.543v.452a.25.25 0 0 1-.25.25H22a6 6 0 0 1 0-12h41.938c.034 0 .062.028.062.063v.539c0 .571-.259 1.104-.624 1.543A5.93 5.93 0 0 0 62 62.95c0 1.447.517 2.774 1.376 3.805" clip-rule="evenodd"/><path stroke="#9b51e0" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M34.594 21.72a12.93 12.93 0 0 1 9.9 0v0a12.93 12.93 0 0 1 7 7v0a12.93 12.93 0 0 1 0 9.9v0a12.93 12.93 0 0 1-7 7v0a12.94 12.94 0 0 1-9.9 0v0a12.93 12.93 0 0 1-7-7v0a12.93 12.93 0 0 1 0-9.9v0a12.93 12.93 0 0 1 7-7"/><path fill="#9b51e0" d="m44.003 40.93l-1.847-.765zm0-14.519l-1.847.766zM40.38 46.58l.13 1.995a2 2 0 0 0 1.336-.634zm-1.67 0l-1.465 1.36a2 2 0 0 0 1.336.636zm-3.625-5.65l1.848-.765zm0-14.519l-1.848-.765zm3.623-5.646l-.13-1.996a2 2 0 0 0-1.336.636zm1.673 0l1.465-1.36a2 2 0 0 0-1.336-.636zm5.471 20.932a20.97 20.97 0 0 0 0-16.05l-3.695 1.53a16.97 16.97 0 0 1 0 12.99zm-4.006 6.244a21 21 0 0 0 4.006-6.244l-3.695-1.53a17 17 0 0 1-3.243 5.052zm-3.265.635a15 15 0 0 0 1.928 0l-.258-3.992q-.706.045-1.412 0zm-5.344-6.88a21 21 0 0 0 4.008 6.245l2.93-2.722a17 17 0 0 1-3.242-5.054zm0-16.05a20.97 20.97 0 0 0 0 16.05l3.696-1.53a16.97 16.97 0 0 1 0-12.99zm4.005-6.241a21 21 0 0 0-4.005 6.24l3.696 1.532a17 17 0 0 1 3.24-5.051zm3.268-.636a15 15 0 0 0-1.932 0l.259 3.992q.707-.045 1.414 0zm5.342 6.878a21 21 0 0 0-4.006-6.243l-2.931 2.722a17 17 0 0 1 3.242 5.052z"/><path fill="#9b51e0" d="M27.31 39.87h24.467v-4H27.31zm.17-8.867h24.126v-4H27.48z"/></g></svg>
Book Atlas アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:book-atlas" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:book-atlas" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:book-atlas" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--book-atlas]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:book-atlas"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:book-atlas"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs-poly/book-atlas.svg" alt="Book Atlas アイコン" width="24" height="24">
他のアイコンセットの Book Atlas アイコン
Book Atlas アイコン のよくある質問
Book Atlas アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Book Atlas アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:book-atlas" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Book Atlas アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/book-atlas.svg" alt="Book Atlas アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Glyphs Poly アイコン をすべて見る →
ICONYZ
