Stack Solid アイコン
basil:stack-solid
Stack Solid アイコン(basil:stack-solid)は、Basil セットの無料 SVG アイコンです（作者: Craftwork）。 24 × 24 のグリッドで描かれています。 Basil icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.039 3.582c-.6-.313-1.423-.318-2.027-.006c-2.578 1.332-4.915 2.858-6.96 4.548c-.274.226-.454.541-.451.902c.003.36.188.671.46.894c2.029 1.66 4.368 3.187 6.9 4.508c.6.313 1.423.318 2.027.006c2.578-1.332 4.915-2.858 6.96-4.548c.274-.226.454-.541.451-.902c-.003-.36-.188-.671-.46-.894c-2.029-1.66-4.368-3.187-6.9-4.508"/><path fill="currentColor" d="M20.958 13.731a.75.75 0 1 0-.794-1.272l-6.108 3.813c-.544.34-1.283.529-2.056.529s-1.513-.19-2.057-.529l-6.04-3.77a.75.75 0 0 0-.794 1.273l6.04 3.77c.829.517 1.857.756 2.85.756c.995 0 2.023-.24 2.852-.757z"/><path fill="currentColor" d="M20.958 17.486a.75.75 0 1 0-.794-1.272l-5.29 3.303c-.772.482-1.806.743-2.874.743s-2.102-.26-2.875-.743l-5.222-3.26a.75.75 0 1 0-.795 1.273l5.222 3.26c1.058.66 2.381.97 3.67.97s2.611-.31 3.67-.971z"/></svg>Stack Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="basil:stack-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="basil:stack-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="basil:stack-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[basil--stack-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/basil -->
<div class="i-basil:stack-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="basil:stack-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/basil/stack-solid.svg" alt="Stack Solid アイコン" width="24" height="24">Basil の関連アイコン
Stack Solid アイコン のよくある質問
Stack Solid アイコンは商用利用でも無料ですか?
はい。Basil icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Stack Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="basil:stack-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stack Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/basil/stack-solid.svg" alt="Stack Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。