Dove Above Outstretched Hand アイコン
pinhead:dove-above-outstretched-hand
Dove Above Outstretched Hand アイコン(pinhead:dove-above-outstretched-hand)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- doveabove、aboveoutstretched、outstretchedhand、doveaboveoutstretchedhand
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M0 10c2 .5 4.5 1.5 4.5 1.5s1-.5 1.5-.5h2l3-.5s.5.5 0 1s-2.5 1-3 1s.5.5.5.5H10s2 0 3-.5s2-1 2-.5c-2 2-3 2.5-3 2.5s-2 .5-4 .5c-.5 0-2-1-2.5-1S0 14.5 0 14zm10.96-2.1h.09c.96 0 1.53-.37 1.84-.68c.46-.45.77-1.18.77-1.82c0-.29.12-.42.41-.47H15l-.28-.49l-.24-.44c.04-.23.01-.47-.09-.7c-.15-.35-.46-.62-.82-.7c-.1-.02-.19-.04-.3-.04c-.21 0-.42.06-.61.17c-.12.06-.21.14-.3.24l-.28.31l-.11.12l-.09.11c.02.03.05.05.07.09l.1.12s.03.05.05.08c.05.09.09.14.12.2c.02.06.04.12.07.19l.01.04c.03.11.08.28.08.49l-.82-.01c0-.05-.02-.1-.03-.15l-.01-.02c-.01-.04-.03-.08-.04-.11a1 1 0 0 0-.07-.12c-.02-.03-.03-.05-.04-.07l-.04-.05c-.06-.07-.11-.12-.16-.16L7.62.17L7.6.15L7.57.13A.74.74 0 0 0 7.16 0c-.38 0-.71.33-.71.72c0 .32.13.48.25.58c-.13.16-.2.41-.2.7c0 .35.2.67.53.83c-.13.18-.2.39-.2.61c0 .45.3.86.74 1.01c-.18.26-.27.56-.27.87c0 .62.41 1.12.95 1.37l-.08-.03h-.01c.09.05.19.1.3.12l-.04.94c-.47-.03-.95-.19-1.25-.65l-1.21.48c-.3.12-.5.39-.5.7c0 .28.15.54.4.67a.98.98 0 0 0-.04.61c.07.28.29.52.56.62a.9.9 0 0 0 .8-.06c.14.25.39.41.67.41s.52-.15.66-.39l.75-1.54c.04-.06.41-.67 1.06-.67zm2.42-4.48c.17 0 .33.15.33.33s-.16.33-.33.33c-.18 0-.33-.15-.33-.33s.15-.33.33-.33"/></svg>Dove Above Outstretched Hand アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:dove-above-outstretched-hand" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:dove-above-outstretched-hand" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:dove-above-outstretched-hand" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--dove-above-outstretched-hand]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:dove-above-outstretched-hand"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:dove-above-outstretched-hand"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/dove-above-outstretched-hand.svg" alt="Dove Above Outstretched Hand アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
Dove Above Outstretched Hand アイコン のよくある質問
Dove Above Outstretched Hand アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dove Above Outstretched Hand アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:dove-above-outstretched-hand" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dove Above Outstretched Hand アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/dove-above-outstretched-hand.svg" alt="Dove Above Outstretched Hand アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。