Hookstate アイコン
logos:hookstate
Hookstate アイコン(logos:hookstate)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 325 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 325
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="325" viewBox="0 0 256 325"><path fill="#3b2c6c" d="M86.234 231.414c12.798-4.54 21.981-16.72 21.981-31.075v-82.796c0-14.355-9.183-26.535-21.981-31.074v-12.81c0-5.186 4.218-9.407 9.406-9.407h85.727c4.528 0 7.274 2.52 8.508 4.021s3.174 4.682 2.298 9.124l-34.19 173.38c-1.097 5.572-6.015 9.615-11.695 9.615H95.684c-5.211 0-9.45-4.239-9.45-9.45zM232.989 85.047l-34.75 175.573c-4.822 24.362-26.345 42.043-51.18 42.043H94.786c-28.024 0-50.824-22.8-50.824-50.823v-18.502h20.29v17.604c0 17.36 14.074 31.431 31.432 31.431h50.604c16.195 0 30.13-11.454 33.263-27.343l34.187-173.38c4.021-20.392-11.587-39.379-32.371-39.379H95.64c-17.335 0-31.387 14.053-31.387 31.388v10.884h-20.29V73.119c0-28.198 22.94-51.138 51.136-51.138h86.083c15.864 0 30.738 7.03 40.807 19.29c10.071 12.258 14.08 28.213 11 43.776M181.182 0H95.1C54.718 0 21.981 32.736 21.981 73.12v13.349C9.183 91.009 0 103.188 0 117.543v82.796c0 14.356 9.183 26.535 21.981 31.075v20.426c0 40.208 32.597 72.805 72.805 72.805h52.273c35.403 0 65.87-25.027 72.744-59.757l34.75-175.574C263.702 43.074 228.317 0 181.182 0"/></svg>Hookstate アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:hookstate" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:hookstate" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:hookstate" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--hookstate]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:hookstate"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:hookstate"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/hookstate.svg" alt="Hookstate アイコン" width="24" height="24">Hookstate アイコン のよくある質問
Hookstate アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hookstate アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:hookstate" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hookstate アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/hookstate.svg" alt="Hookstate アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。