Bookstack アイコン
selfhst:bookstack
Bookstack アイコン(selfhst:bookstack)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" fill-rule="evenodd" d="m218.5 367l288.3-166.5v-63.4L403.9 77.7l-9.4-5.4l-93.7-54.1L12.5 184.7c-13.6 24 0 63.4 0 63.4c-16.8 25.5 0 63.4 0 63.4l206 118.9l182.8-105.5l-182.8 105.6l-206-118.9c-16.8 25.5 0 63.4 0 63.4l206 118.9l288.3-166.5V264l.1-.1v-63.4z"/><path fill="#0288d1" d="M218.5 496.3q-.6 0-1.2-.3l-206-119c-.4-.3-.8-.6-1-1.1c-.7-1.6-17.1-39.4.2-65.7c.7-1.1 2.1-1.4 3.2-.8l204.8 118.2l287.1-165.8c.7-.4 1.7-.4 2.4 0s1.2 1.2 1.2 2.1v63.4c0 .9-.5 1.6-1.2 2.1L219.7 495.9c-.3.3-.8.4-1.2.4m-204.1-123l204.1 117.8L504.4 326v-57.9L219.7 432.5c-.7.4-1.7.4-2.4 0l-204-117.7c-12.7 22.2-.9 53.4 1.1 58.5M218.5 306q-.6 0-1.2-.3l-206-118.9c-.7-.4-1.2-1.2-1.2-2.1s.5-1.6 1.2-2.1L299.6 16.1c.7-.4 1.7-.4 2.4 0L508 135c.7.4 1.2 1.2 1.2 2.1s-.5 1.6-1.2 2.1L219.7 305.6c-.3.3-.8.4-1.2.4M17.3 184.7l201.2 116.1L502 137.1L300.8 20.9zm201.2 184.7q-.6 0-1.2-.3l-206-118.9c-.5-.3-.9-.7-1.1-1.3c-.6-1.7-13.8-40.7.2-65.4c.3-.6.8-1 1.5-1.1c.6-.2 1.3-.1 1.8.2l204.8 118.2L505.6 135c.7-.4 1.7-.4 2.4 0s1.2 1.2 1.2 2.1v63.4c0 .9-.5 1.6-1.2 2.1L219.7 369c-.3.3-.8.4-1.2.4m-204-123l204 117.7L504.4 199v-57.9L219.7 305.6c-.7.4-1.7.4-2.4 0L13.5 188c-10.1 21-.7 52.9 1 58.4m204 186.4q-.6 0-1.2-.3l-206-118.9c-.4-.3-.8-.6-1-1.1c-.7-1.6-17.1-39.4.2-65.7c.7-1.1 2.1-1.4 3.2-.8l204.8 118.2l287.2-165.7c.7-.4 1.7-.4 2.4 0s1.2 1.2 1.2 2.1V264c0 .9-.5 1.7-1.2 2.1L219.7 432.4c-.3.3-.8.4-1.2.4m-204.1-123l204.1 117.8l286-165v-57.9L219.7 369c-.7.4-1.7.4-2.4 0l-204-117.7c-12.7 22.2-.9 53.4 1.1 58.5m265.9-158.4c-.3 0-.6-.1-.9-.2c-.7-.3-1.2-.9-1.4-1.6l-6.5-26l-46.4-3.9c-1-.1-1.9-.8-2.1-1.9c-.2-1 .2-2.1 1.1-2.6l123.6-71.3c.7-.4 1.7-.4 2.4 0l55 31.7a2.438 2.438 0 0 1 0 4.2L281.5 151c-.3.3-.8.4-1.2.4m-47.1-35.9l40.5 3.4c1 .1 1.9.8 2.1 1.8l6.1 24.6l117.2-67.6l-50.2-28.9z"/></svg>Bookstack アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:bookstack" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:bookstack" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:bookstack" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--bookstack]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:bookstack"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:bookstack"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/bookstack.svg" alt="Bookstack アイコン" width="24" height="24">selfh.st/icons の関連アイコン
他のアイコンセットの Bookstack アイコン
Bookstack アイコン のよくある質問
Bookstack アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Bookstack アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:bookstack" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bookstack アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/bookstack.svg" alt="Bookstack アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。