Heart With Arrow アイコン
emojione-v1:heart-with-arrow
Heart With Arrow アイコン(emojione-v1:heart-with-arrow)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 記号
- タグ
- heartwith、witharrow、heartwitharrow
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#d13852" d="M59.11 20.914c-.226-3.531-.985-6.4-3.441-9.354c-4.929-5.908-16.25-6.891-21.318-1.204c-.883.836-1.718 1.844-2.556 3.048L29.9 16.127l-1.896-2.724c-.84-1.204-1.676-2.211-2.559-3.048C20.377 4.668 9.056 5.651 4.131 11.56C1.669 14.515.911 17.383.686 20.914c-.321 10.502 7.298 18.909 8.239 20.14c5.172 6.067 10.813 11.806 16.543 17.09a155 155 0 0 0 2.828 2.41c.539.44 1.069.885 1.604 1.322c.534-.438 1.064-.882 1.6-1.322c.899-.748 1.794-1.502 2.828-2.41c5.729-5.284 11.374-11.02 16.546-17.09c.938-1.232 8.559-9.639 8.236-20.14"/><path fill="#236798" d="M61.62 4.392c-.513-.599-1.63-.482-2.513.26l-24.39 20.593a2.3 2.3 0 0 1 1.032 1.264c.136.4.204.815.265 1.236c-.005-.003.006.039.014.105l24.91-21.03c.878-.742 1.186-1.832.682-2.429"/><path fill="#71a1b8" d="M62.67 6.96c-.357-.711-4.982 2.345-5.271 2.559L44.044 20.825c-.284.214-1.013.035-.646.747c.362.715.89 1.116 1.174.902l19.225-9.883c.296-.222-.76-4.915-1.127-5.631M42.471 18.963L55.854 7.692c.265-.246 4.051-4.296 3.405-4.771c-.638-.478-5.094-2.306-5.356-2.057L40.936 18.162c-.265.245.047.832.688 1.31s.586-.264.847-.509"/><path fill="#c43755" d="M35.648 26.15a7 7 0 0 1-.877-5.089c-1.51 1.68-1.848 4.171-.633 6.17c1.297 2.13 3.908 2.978 6.219 2.169a7 7 0 0 1-4.709-3.25"/><g fill="#236798"><path d="M19.02 47.25a8 8 0 0 0 .246-.557c.33-.871.369-1.711-.105-2.302c-.004-.005-.004-.009-.011-.012c-.02-.038-.058-.065-.089-.101c-.342-.332-2.096-.635-4.04.566c1.512-1.719 1.508-3.499 1.241-3.889c-.027-.034-.05-.078-.085-.104l-.012-.015c-.502-.568-1.333-.67-2.247-.491a5 5 0 0 0-.595.151c-1.4.429-3.03 1.451-4.137 2.851q-.244.286-.49.606C6.25 47.105 3.599 52.312 2.386 54.8l-.704 1.299l-.023.021s0 .008-.004.012l.012-.016h.007q-.006.002-.007.004l-.012.016q.005-.005.012-.004l.023-.02c.288-.098.766-.266 1.392-.482c2.663-.777 8.238-2.516 11.76-4.396q.356-.189.677-.382c1.561-.854 2.848-2.288 3.505-3.602"/><path d="M20.268 38.553L4.072 52.23c-.883.738-1.186 1.831-.681 2.43c.505.597 1.629.482 2.507-.264l16.17-13.646c-.699-.639-1.108-1.536-1.803-2.197"/></g></svg>
Heart With Arrow アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:heart-with-arrow" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:heart-with-arrow" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:heart-with-arrow" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--heart-with-arrow]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:heart-with-arrow"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:heart-with-arrow"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/heart-with-arrow.svg" alt="Heart With Arrow アイコン" width="24" height="24">
他のアイコンセットの Heart With Arrow アイコン
Heart With Arrow アイコン のよくある質問
Heart With Arrow アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Heart With Arrow アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:heart-with-arrow" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Heart With Arrow アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/heart-with-arrow.svg" alt="Heart With Arrow アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
