Optistack アイコン
selfhst:optistack
Optistack アイコン(selfhst:optistack)は、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 d="M472.4 41.6C446.5 15.2 411.8.4 374.7 0h-1.5c-36.5 0-70.9 14-97 39.6l-1.8 1.8L41.6 274.3C15.2 300.2.4 334.9 0 371.9s13.7 72 39.6 98.4s60.6 41.2 97.6 41.6h1.4c36.5 0 70.9-14 96.6-39.3c.2-.2 2-1.9 2.2-2.2l232.9-232.9c26.4-25.9 41.2-60.6 41.6-97.6c.5-36.9-13.6-71.8-39.5-98.3m-267.8 396c-17.6 17.2-42.6 27.6-66.8 27.8c-24.6-.3-47.6-10.1-64.8-27.6S46.4 397 46.7 372.4s10.1-47.6 27.8-65l100-100l130.2 130.2zm233-233l-100 100l-130.2-130.2L308.9 72.9c17.3-17 40.2-26.3 64.4-26.3h1c24.6.3 47.6 10.1 64.8 27.6c17.2 17.6 26.6 40.8 26.3 65.3c-.3 24.7-10.1 47.7-27.8 65.1"/></svg>Optistack アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:optistack" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:optistack" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:optistack" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--optistack]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:optistack"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:optistack"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/optistack.svg" alt="Optistack アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Optistack アイコン のよくある質問
Optistack アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Optistack アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:optistack" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Optistack アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/optistack.svg" alt="Optistack アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。