ICONYZ
العربية
أيقونة Escalator من WebHostingHub Glyphs

أيقونة Escalator

whh:escalator

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

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="832" viewBox="0 0 1024 832"><path fill="currentColor" d="M896 320h-83L368 765l-7.5 7.5l-8.5 8.5l-9 8.5l-10.5 9l-11 8l-12 8.5l-12 7l-13.5 5.5l-13.5 3L256 832H128q-53 0-90.5-37.5T0 704t37.5-90.5T128 576h81l175-175V256q0-27 19-45.5t45.5-18.5t45 18.5T512 256v17l147-147q17-17 29-27.5T723.5 76T768 64h128q53 0 90.5 37.5T1024 192t-37.5 90.5T896 320m0-192H768q-26 0-50 18L224 640h-96q-27 0-45.5 18.5t-18.5 45T82.5 749t45.5 19h128q25 0 49-20l493-492h98q27 0 45.5-19t18.5-45.5t-18.5-45T896 128m-447.5 0q-26.5 0-45.5-19t-19-45.5t19-45T448.5 0t45 18.5t18.5 45t-18.5 45.5t-45 19"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

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