Hand Open アイコン
keyline-icons:hand-open
Hand Open アイコン(keyline-icons:hand-open)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- handopen
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.0991 8.384L10.6566 4.586C10.485 3.7192 9.6065 3.1464 8.6906 3.3042C7.771 3.4625 7.1611 4.2971 7.3283 5.1682L8.434 13.6532C8.469 13.9211 8.1257 14.0793 7.924 13.8883L5.4898 11.5822C4.9857 11.1046 4.1909 11.0423 3.6108 11.4349C2.987 11.8571 2.8147 12.6647 3.2165 13.2832L4.9181 15.9026C8.5408 22.1944 12.7674 22.1944 15.1826 21.9082C19.6629 21.1366 20.9836 16.7211 20.998 13.49C21.001 13.3014 21.0001 9.7027 20.9988 7.027C20.9984 6.2092 20.2972 5.5474 19.4323 5.5474C18.5672 5.5474 17.8658 6.2106 17.8658 7.0287L17.8658 7.7302M11.0991 8.384L11.2579 10.4687M11.0991 8.384L10.8717 3.6524C10.8311 2.8082 11.5 2.0831 12.3901 2.0066C13.3264 1.9261 14.1488 2.5916 14.2093 3.4789L14.3364 5.3415M17.9984 10.937L17.8658 7.7302L17.7633 5.1763C17.7274 4.2835 16.9351 3.5861 15.9908 3.6162C15.0234 3.6471 14.2746 4.4281 14.3364 5.3415M14.3364 5.3415L14.6988 10.6534"/></svg>Hand Open アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:hand-open" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:hand-open" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:hand-open" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--hand-open]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:hand-open"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:hand-open"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/hand-open.svg" alt="Hand Open アイコン" width="24" height="24">Keyline Icons の関連アイコン
hand-closed
hand-closed-duotone
hand-closed-fill
hand-closed-sharp
hand-closed-sharp-duotone
hand-closed-sharp-fill
hand-closed-sharp-two-tone
hand-closed-two-tone
hand-coins
hand-coins-duotone
hand-coins-fill
hand-coins-sharp
hand-coins-sharp-duotone
hand-coins-sharp-fill
hand-coins-sharp-two-tone
hand-coins-two-tone
hand-heart
hand-heart-duotone
hand-heart-fill
hand-heart-sharp
hand-heart-sharp-duotone
hand-heart-sharp-fill
hand-heart-sharp-two-tone
hand-heart-two-tone
他のアイコンセットの Hand Open アイコン
Hand Open アイコン のよくある質問
Hand Open アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hand Open アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:hand-open" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hand Open アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/hand-open.svg" alt="Hand Open アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。