Espiral Book Solid アイコン
stash:espiral-book-solid
Espiral Book Solid アイコン(stash:espiral-book-solid)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- espiralbook、booksolid、espiralbooksolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.77 7.901a.25.25 0 0 1 .131-.13a1 1 0 0 1 .103-.013a8 8 0 0 1 .496-.008h4c.243 0 .388 0 .496.008c.067.004.095.01.103.012a.25.25 0 0 1 .13.131a1 1 0 0 1 .013.103c.008.108.008.253.008.496s0 .388-.008.496a1 1 0 0 1-.012.103a.25.25 0 0 1-.131.13a1 1 0 0 1-.103.013a8 8 0 0 1-.496.008h-4c-.243 0-.388 0-.496-.008A1 1 0 0 1 9.9 9.23a.25.25 0 0 1-.13-.131a1 1 0 0 1-.013-.103A8 8 0 0 1 9.75 8.5c0-.243 0-.388.008-.496A1 1 0 0 1 9.77 7.9"/><path fill="currentColor" d="M15.83 3.25H9.17c-.535 0-.98 0-1.345.03c-.38.03-.736.098-1.073.27A2.75 2.75 0 0 0 5.55 4.752a2.5 2.5 0 0 0-.234.756A2 2 0 0 0 4.177 9a2 2 0 0 0-.677 1.5c0 .597.262 1.133.677 1.5a2 2 0 0 0-.677 1.5c0 .597.262 1.133.677 1.5a2 2 0 0 0 1.075 3.485q.004.384.028.69c.03.38.098.736.27 1.073a2.75 2.75 0 0 0 1.202 1.202c.628.32 1.383.311 2.087.303l.33-.003h6.661c.535 0 .98 0 1.345-.03c.38-.03.736-.098 1.073-.27a2.75 2.75 0 0 0 1.202-1.201c.172-.338.24-.694.27-1.074c.03-.365.03-.81.03-1.345V7.17c0-.535 0-.98-.03-1.345c-.03-.38-.098-.736-.27-1.073a2.75 2.75 0 0 0-1.2-1.202c-.338-.172-.694-.24-1.074-.27c-.365-.03-.81-.03-1.345-.03M5.25 17.468a1 1 0 0 1 0-1.937zm2.183 2.646a1.2 1.2 0 0 1-.576-.614a2.9 2.9 0 0 0 .968.22c.342.028.755.03 1.245.03h6.86c.49 0 .903-.002 1.245-.03a3.4 3.4 0 0 0 .754-.138a2 2 0 0 0 .214-.082a1.2 1.2 0 0 1-.576.614c-.09.046-.227.088-.515.111c-.295.024-.68.025-1.252.025H9.2c-.572 0-.957 0-1.253-.025c-.287-.023-.424-.065-.514-.111M5.253 6.53q-.004.295-.003.639v1.299a1 1 0 0 1 .002-1.938m-.003 3v1.938a1 1 0 0 1 0-1.937m0 3v1.938a1 1 0 0 1 0-1.937m5.228-6.281h4.044c.214 0 .41 0 .576.011c.178.012.373.04.572.122c.429.178.77.519.947.947c.082.199.11.394.122.572c.011.165.011.362.011.576v.044c0 .214 0 .41-.011.576c-.012.178-.04.373-.122.572a1.75 1.75 0 0 1-.947.947c-.199.082-.394.11-.572.122c-.165.011-.362.011-.576.011h-4.044c-.214 0-.41 0-.576-.011a1.8 1.8 0 0 1-.572-.122a1.75 1.75 0 0 1-.947-.947a1.8 1.8 0 0 1-.122-.572c-.011-.165-.011-.362-.011-.576v-.044c0-.214 0-.41.011-.576c.012-.178.04-.373.122-.572a1.75 1.75 0 0 1 .947-.947c.199-.082.394-.11.572-.122c.165-.011.362-.011.576-.011"/></svg>Espiral Book Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:espiral-book-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:espiral-book-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:espiral-book-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--espiral-book-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:espiral-book-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:espiral-book-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/espiral-book-solid.svg" alt="Espiral Book Solid アイコン" width="24" height="24">Stash Icons の関連アイコン
Espiral Book Solid アイコン のよくある質問
Espiral Book Solid アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Espiral Book Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:espiral-book-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Espiral Book Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/espiral-book-solid.svg" alt="Espiral Book Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。