أيقونة Lifehalf

whh:lifehalf

أيقونة Lifehalf (whh:lifehalf) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: WebHostingHub Glyphs
المؤلف: WebHostingHub
الترخيص: OFL-1.1
الحجم: 1024 × 1024

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M1024 288q0 58-35 154.5T895 629q-35 55-55.5 86.5t-53.5 79t-56 75.5t-53.5 61t-55.5 51t-53.5 30t-55.5 12t-55.5-12.5T403 981t-56-51.5t-54-61.5t-56-75.5t-53.5-78.5t-54.5-85q-62-95-95.5-188.5T0 288Q0 169 84.5 84.5T288 0q67 0 125 28.5t99 78.5q40-50 98.5-78.5T736 0q119 0 203.5 84.5T1024 288M736 128q-41 0-85 28.5T576 224q-3 4-11.5 18t-14 22.5t-16.5 16t-22 7.5v608q23 0 46-11.5t41-28.5t41-48t39.5-56.5T723 684l45-70q59-87 96-176t32-150q0-66-47-113t-113-47"/></svg>

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

React

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

<Icon icon="whh:lifehalf" width="24" />

Vue

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

<template>
  <Icon icon="whh:lifehalf" width="24" />
</template>

Svelte

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

<Icon icon="whh:lifehalf" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="whh:lifehalf"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

تصفح كل أيقونات WebHostingHub Glyphs →