أيقونة Heart Empty

websymbol:heart-empty

أيقونة Heart Empty (websymbol:heart-empty) أيقونة SVG مجانية من مجموعة Web Symbols Liga من تصميم Just Be Nice studio. مرسومة على شبكة 1063 × 1000. تُنشر Web Symbols Liga icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Web Symbols Liga
المؤلف: Just Be Nice studio
الترخيص: OFL-1.1
الحجم: 1063 × 1000
الوسوم: heartempty

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1063" height="1000" viewBox="0 0 1063 1000"><path fill="currentColor" d="M1063 288v60q0 285-532 653Q0 634 0 348v-60Q0 161 80.5 81T287 1q81 0 134 30.5T531 130q58-68 111-98.5T775 1q126 0 207 80t81 207m-117 55v-50q0-58-39-113.5T812 118q-12-2-37-2q-53 0-83 19.5T620 204l-89 105l-89-105q-42-49-72-68.5T287 116q-24 0-37 2q-56 6-93.5 60T116 293v50q0 30 17 75q68 199 398 441q329-239 399-441q16-50 16-75"/></svg>

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

React

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

<Icon icon="websymbol:heart-empty" width="24" />

Vue

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

<template>
  <Icon icon="websymbol:heart-empty" width="24" />
</template>

Svelte

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

<Icon icon="websymbol:heart-empty" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="websymbol:heart-empty"></iconify-icon>

صورة HTML

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

أيقونات ذات صلة في Web Symbols Liga

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

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

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

نعم. تُنشر Web Symbols Liga icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات Web Symbols Liga →