Hackhands アイコン
cib:hackhands
Hackhands アイコン(cib:hackhands)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
- タグ
- hackhand
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M7.068 23.505h8.464c.667 0 1.188-.531 1.188-1.198s-.531-1.188-1.198-1.188H7.069a1.18 1.18 0 0 0-1.188 1.188c0 .667.531 1.198 1.198 1.198zm15.036-5.146c0-.667-.531-1.198-1.198-1.198H8.718c-.667 0-1.188.531-1.188 1.198s.536 1.203 1.203 1.203h12.198a1.2 1.2 0 0 0 1.203-1.203zm2.485-3.958a1.21 1.21 0 0 0-1.188-1.172H8.708c-.667 0-1.188.516-1.188 1.182s.531 1.188 1.198 1.188H23.4c.667 0 1.188-.531 1.188-1.198zM7.521 10.427c0 .667.531 1.188 1.198 1.188h12.667c.656 0 1.177-.536 1.177-1.203a1.18 1.18 0 0 0-1.188-1.172H8.708c-.667 0-1.188.521-1.188 1.188zm3.042-5.146H7.068c-.667 0-1.188.531-1.188 1.198s.531 1.188 1.198 1.188h3.521c.667 0 1.203-.531 1.203-1.198a1.243 1.243 0 0 0-1.24-1.188zm19.932 22.453a1.243 1.243 0 0 0-1.255-1.255H6.266c-1.266 0-2.307-1.068-2.307-2.318V4.76a2.32 2.32 0 0 1 2.307-2.307h19.401a2.31 2.31 0 0 1 2.318 2.307v15.734c0 .667.563 1.224 1.203 1.224c.677 0 1.24-.557 1.24-1.224V4.76A4.765 4.765 0 0 0 25.668 0H6.267c-2.63 0-4.76 2.13-4.76 4.76v19.401a4.765 4.765 0 0 0 4.76 4.76h20.932l3.297 3.078z"/></svg>Hackhands アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:hackhands" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:hackhands" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:hackhands" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--hackhands]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:hackhands"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:hackhands"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/hackhands.svg" alt="Hackhands アイコン" width="24" height="24">Hackhands アイコン のよくある質問
Hackhands アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hackhands アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:hackhands" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hackhands アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/hackhands.svg" alt="Hackhands アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。