Stock Solid アイコン
streamline:stock-solid
Stock Solid アイコン(streamline:stock-solid)は、Streamline セットの無料 SVG アイコンです。 14 × 14 のグリッドで描かれています。 Streamline icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- お金・ショッピング
- タグ
- stocksolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M11.798.126a.75.75 0 0 1 .75.75v.78c.233.063.455.158.653.293c.425.288.718.75.718 1.329a.75.75 0 1 1-1.5 0c0-.026-.005-.034-.007-.038a.2.2 0 0 0-.054-.05c-.086-.059-.268-.127-.56-.127c-.207 0-.355 0-.48.012a1 1 0 0 0-.127.018a1 1 0 0 0-.014.185c0 .077.02.156.171.288c.178.155.434.294.798.484l.035.018c.317.167.728.382 1.053.665c.363.318.685.777.685 1.418c0 .31-.046.616-.18.89a1.36 1.36 0 0 1-.627.627c-.191.095-.388.14-.564.165v.72a.75.75 0 0 1-1.5 0v-.762a2 2 0 0 1-.626-.248c-.48-.296-.745-.788-.745-1.392a.75.75 0 1 1 1.5 0q.001.06.007.082l.006.02l.02.014c.068.042.242.099.581.1h.014c.202 0 .348-.001.472-.012q.084-.009.127-.019a1 1 0 0 0 .015-.185c0-.077-.021-.156-.172-.288c-.177-.155-.434-.294-.798-.484l-.034-.018c-.318-.167-.728-.382-1.053-.665c-.364-.317-.685-.777-.685-1.418c0-.31.045-.615.18-.89a1.36 1.36 0 0 1 .627-.627c.19-.094.388-.14.564-.165v-.72a.75.75 0 0 1 .75-.75M4.08 4.463a1.5 1.5 0 0 0-1.25-1.48V.877a.75.75 0 0 0-1.5 0v2.108a1.5 1.5 0 0 0-1.25 1.48v4.5a1.5 1.5 0 0 0 1.25 1.478v1.021a.75.75 0 0 0 1.5 0v-1.02a1.5 1.5 0 0 0 1.25-1.48zm2.25 2.52a1.5 1.5 0 0 0-1.25 1.48v1.5a1.5 1.5 0 0 0 1.25 1.48v1.681a.75.75 0 0 0 1.5 0v-1.682a1.5 1.5 0 0 0 1.25-1.479v-1.5a1.5 1.5 0 0 0-1.25-1.48v-3.02a.75.75 0 0 0-1.5 0z" clip-rule="evenodd"/></svg>Stock Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline:stock-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline:stock-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline:stock-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline--stock-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline -->
<div class="i-streamline:stock-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline:stock-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline/stock-solid.svg" alt="Stock Solid アイコン" width="24" height="24">Streamline の関連アイコン
他のアイコンセットの Stock Solid アイコン
Stock Solid アイコン のよくある質問
Stock Solid アイコンは商用利用でも無料ですか?
はい。Streamline icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Stock Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline:stock-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stock Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline/stock-solid.svg" alt="Stock Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。