أيقونة Hourglass

el:hourglass

أيقونة Hourglass (el:hourglass) أيقونة SVG مجانية من مجموعة Elusive Icons من تصميم Team Redux. مرسومة على شبكة 1200 × 1200. تُنشر Elusive Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Elusive Icons
المؤلف: Team Redux
الترخيص: OFL-1.1
الحجم: 1200 × 1200

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M109.217 0v52.567C106.194 455.64 53.525 319.939 333.036 600c-284.6 280.454-223.819 149.32-223.819 547.434V1200h981.519v-52.566c2.99-402.972 55.98-268.045-223.408-547.434c284.422-279.638 223.408-149.581 223.408-547.433V0zM214.35 105.133h771.252c14.357 296.43-18.396 245.5-230.39 457.495L718.251 600l36.961 37.372c236.757 234.1 230.39 153.272 230.39 457.494H214.35c-14.399-296.413 18.597-245.734 230.39-457.905L481.701 600l-36.961-36.961C208.141 328.703 214.35 409.382 214.35 105.133M321.126 321.15c90.783 77.596 218.086 111.986 244.764 265.708h50.924C614.68 448.637 770.24 398.087 878.416 321.15c-214.421 23.11-301.874 35.51-557.29 0m276.797 439.013c-140.022-.882-279.086 70.906-276.386 218.07h557.289c.103-143.634-140.88-217.187-280.903-218.07"/></svg>

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

React

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

<Icon icon="el:hourglass" width="24" />

Vue

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

<template>
  <Icon icon="el:hourglass" width="24" />
</template>

Svelte

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

<Icon icon="el:hourglass" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="el:hourglass"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

تصفح كل Elusive Icons →