ICONYZ
العربية
أيقونة Floors من Vesper Icons

أيقونة Floors

vs:floors

أيقونة Floors (vs:floors) أيقونة SVG مجانية من مجموعة Vesper Icons من تصميم TableCheck. مرسومة على شبكة 1536 × 1536. تُنشر Vesper Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Vesper Icons
المؤلف
TableCheck
الترخيص
OFL-1.1
الحجم
1536 × 1536
الوسوم
floor
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1536" height="1536" viewBox="0 0 1536 1536"><path fill="currentColor" d="M33 431q-18-9-25.5-19.5T0 383t7.5-28.5T33 335L670 17q39-19 98-17q59-2 98 17l637 318q18 9 25.5 19.5t7.5 28.5t-7.5 28.5T1503 431L866 749q-39 19-98 17q-59 2-98-17zm0 770q-18-9-25.5-19.5T0 1153t7.5-28.5T33 1105l160-80l477 238q40 19 98 16q58 3 98-16l477-238l160 80q18 9 25.5 19.5t7.5 28.5t-7.5 28.5t-25.5 19.5l-637 318q-40 19-98 16q-58 3-98-16zm0-384q-18-9-25.5-19.5T0 769t7.5-28.5T33 721l160-80l477 238q40 19 98 16q58 3 98-16l477-238l160 80q18 9 25.5 19.5t7.5 28.5t-7.5 28.5T1503 817l-637 318q-40 19-98 16q-58 3-98-16z"/></svg>

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

React

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

<Icon icon="vs:floors" width="24" />

Vue

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

<template>
  <Icon icon="vs:floors" width="24" />
</template>

Svelte

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

<Icon icon="vs:floors" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="vs:floors"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

تصفح كل Vesper Icons →