ICONYZ
العربية
أيقونة Heart Drop من Game Icons

أيقونة Heart Drop

game-icons:heart-drop

أيقونة Heart Drop (game-icons:heart-drop) أيقونة SVG مجانية من مجموعة Game Icons من تصميم GameIcons. مرسومة على شبكة 512 × 512. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Game Icons
المؤلف
GameIcons
الترخيص
CC-BY-3.0
الحجم
512 × 512
الوسوم
heartdrop
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M145.25 56.72c-61.374.112-120.404 46.204-122.844 121.093c-4.38 134.45 178.216 168.506 234.72 302.718c53.49-134.2 231.247-176.35 235.437-302.717c4.18-126.053-147.904-156.787-221.438-70.657c-7.116 15.426-7.685 30.843-5.406 39.344c21.644 80.778 64.56 103.038 64.56 167.375c0 36.398-35.61 62.72-73.092 62.72c-36.658 0-74.563-28.165-74.563-66.5c0-67.058 43.713-80.063 66.188-163.94c2.656-9.91-1.38-32.71-14.563-50.968c-.03-.032-.063-.06-.094-.093c-25.38-26.418-57.45-38.433-88.906-38.375zm128.344 195.06c8.576 8.258 13.937 19.843 13.937 32.69c0 25.066-20.337 45.374-45.405 45.374c-4.06 0-8.005-.533-11.75-1.53c5.736-4.15 9.594-11.757 9.594-20.44c0-13.13-8.817-23.75-19.657-23.75s-19.625 10.62-19.625 23.75c0 4.104.864 7.976 2.375 11.345c6.368 23.624 27.828 40.905 53.53 40.905c30.76 0 55.5-24.74 55.5-55.5a55.335 55.335 0 0 0-38.5-52.844z"/></svg>

كيفية استخدام أيقونة Heart Drop

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:heart-drop" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:heart-drop" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:heart-drop" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--heart-drop]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:heart-drop"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:heart-drop"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/game-icons/heart-drop.svg" alt="أيقونة Heart Drop" width="24" height="24">

أيقونات ذات صلة في Game Icons

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

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

نعم. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

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

ثبّت @iconify/react واعرض <Icon icon="game-icons:heart-drop" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Heart Drop إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/game-icons/heart-drop.svg" alt="أيقونة Heart Drop">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Game Icons →