ICONYZ
العربية
أيقونة Heartempty من Ligature Symbols

أيقونة Heartempty

ls:heartempty

أيقونة Heartempty (ls:heartempty) أيقونة SVG مجانية من مجموعة Ligature Symbols من تصميم Kazuyuki Motoyama. مرسومة على شبكة 768 × 668. تُنشر Ligature Symbols icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Ligature Symbols
المؤلف
Kazuyuki Motoyama
الترخيص
OFL-1.1
الحجم
768 × 668
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="768" height="668" viewBox="0 0 768 668"><path fill="currentColor" d="M384.022 668c5 0 11-1 15-4c11-7 259-165 344-320c36-66 32-155-9-224c-36-61-96-95-168-95c-99 0-153 53-182 98c-29-45-84-98-182-98c-73 0-132 34-169 95c-41 69-44 158-8 224c84 155 333 313 343 320c5 3 10 4 16 4m-182-583c118 0 148 98 152 117c4 13 16 24 30 24c13 0 26-11 29-24c5-19 35-117 153-117c65 0 100 35 117 66c30 49 33 118 8 164c-67 120-252 250-307 288c-56-38-241-168-307-288c-25-46-22-115 8-164c17-31 52-66 117-66"/></svg>

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

React

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

<Icon icon="ls:heartempty" width="24" />

Vue

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

<template>
  <Icon icon="ls:heartempty" width="24" />
</template>

Svelte

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

<Icon icon="ls:heartempty" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="ls:heartempty"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

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