أيقونة Heart

pixelarticons:heart

أيقونة Heart (pixelarticons:heart) أيقونة SVG مجانية من مجموعة Pixelarticons من تصميم Gerrit Halfmann. مرسومة على شبكة 24 × 24. تُنشر Pixelarticons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Pixelarticons
المؤلف: Gerrit Halfmann
الترخيص: MIT
الحجم: 24 × 24

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13 22h-2v-2h2zm-2-2H9v-2h2zm4 0h-2v-2h2zm-6-2H7v-2h2zm8 0h-2v-2h2zM7 16H5v-2h2zm12 0h-2v-2h2zM5 14H3v-2h2zm16 0h-2v-2h2zM3 12H1V6h2zm20 0h-2V6h2zM13 8h-2V6h2zM5 6H3V4h2zm6 0H9V4h2zm4 0h-2V4h2zm6 0h-2V4h2zM9 4H5V2h4zm10 0h-4V2h4z"/></svg>

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

React

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

<Icon icon="pixelarticons:heart" width="24" />

Vue

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

<template>
  <Icon icon="pixelarticons:heart" width="24" />
</template>

Svelte

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

<Icon icon="pixelarticons:heart" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="pixelarticons:heart"></iconify-icon>

صورة HTML

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

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

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

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

نعم. تُنشر Pixelarticons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Pixelarticons →