Bookstack Light アイコン
selfhst:bookstack-light
Bookstack Light アイコン(selfhst:bookstack-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- bookstacklight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M218.7 499c-1 0-2.1-.3-2.9-.8L10.4 379.7c-1.1-.6-1.9-1.6-2.4-2.7c-.7-1.6-16.8-38.6-1.2-66.2c-3.6-9.4-13.4-40 .1-63.5C4 237.6-4.5 204.4 8.2 182c.2-.3.4-.6.7-.9c.4-.5.9-.9 1.5-1.3l287.4-166c1.8-1 4.1-1 5.9 0l102.8 59.3c.1 0 .2.1.2.1L509 132.3c.6.4 1.2.8 1.6 1.4c.8 1 1.3 2.3 1.3 3.7v62.2c.1.4.1.7.1 1.1v63.2c0 .4 0 .7-.1 1.1v62.1c0 2.1-1.1 4-2.9 5.1l-287.4 166c-.9.5-1.9.8-2.9.8M18 370.5l200.6 115.8l281.5-162.6v-49.6l-97.4 56.2L221.6 435c-1.8 1-4.1 1-5.9 0L15.6 319.5c-8.7 19.2.1 44.8 2.4 51m0-63.3L218.7 423l179-103.3l102.6-59.2v-49.6L221.6 371.7c-.1 0-.1.1-.2.1c-1.7.9-3.8.9-5.4 0c-.1 0-.1-.1-.2-.1L15.6 256.2c-8.7 19.2.1 44.8 2.4 51m.3-63.1l200.4 115.7l281.5-162.6v-49.6L221.6 308.5c-1.6.9-3.6 1-5.3.3c-.2-.1-.4-.2-.5-.3L16 193.2c-6.5 18.5.3 44.3 2.3 50.9m6.8-59.2l193.6 111.7l275.6-159.2L403.4 85l-120.2 69.4c-1.6.9-3.6 1-5.2.3c-1.7-.7-3-2.2-3.4-4l-5.9-23.5l-43.7-3.6c-2.6-.2-4.7-2.1-5.3-4.6s.6-5.1 2.8-6.4l114.4-66l-36.2-20.9zm219.6-71.5l29.2 2.4c2.5.2 4.6 2 5.2 4.4l5 20l107.6-62.1l-43-24.8z"/></svg>Bookstack Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:bookstack-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:bookstack-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:bookstack-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--bookstack-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:bookstack-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:bookstack-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/bookstack-light.svg" alt="Bookstack Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Bookstack Light アイコン のよくある質問
Bookstack Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Bookstack Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:bookstack-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bookstack Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/bookstack-light.svg" alt="Bookstack Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。