أيقونة Heart With Arrow

emojione-v1:heart-with-arrow

أيقونة Heart With Arrow (emojione-v1:heart-with-arrow) أيقونة SVG مجانية من مجموعة Emoji One (v1) من تصميم 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

<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>

مكوّن ويب

<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">

أيقونات ذات صلة في Emoji One (v1)

أيقونة Heart With Arrow في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Heart With Arrow

هل أيقونة Heart With Arrow مجانية للاستخدام التجاري؟

نعم. تُنشر Emoji One (v1) icons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه.

كيف أستخدم أيقونة Heart With Arrow في React؟

ثبّت @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">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Emoji One (v1) →