أيقونة Border Top
mdi-light:border-top
أيقونة Border Top (mdi-light:border-top) أيقونة SVG مجانية من مجموعة Material Design Light من تصميم Pictogrammers. مرسومة على شبكة 24 × 24. تُنشر Material Design Light icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Material Design Light
- المؤلف
- Pictogrammers
- الترخيص
- OFL-1.1
- الحجم
- 24 × 24
- الوسوم
- bordertop
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 5h-8v1h-1V5H3V4h17zM3 7h1v2H3zm16 4h1v3h-1v-1h-1v-1h1zm0-4h1v2h-1zm-8 5h1v1h-1zm9 8v1h-1v-1zm0-2h-1v-2h1zM8 20v1H6v-1zm9 0v1h-2v-1zm-4 0v1h-3v-1h1v-1h1v1zm-9-9v1h1v1H4v1H3v-3zm-1 5h1v2H3zm1 4v1H3v-1zm5-8v1H7v-1zm2-4h1v2h-1zm0 7h1v2h-1zm5-3v1h-2v-1z"/></svg>
كيفية استخدام أيقونة Border Top
React
import { Icon } from "@iconify/react";
<Icon icon="mdi-light:border-top" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mdi-light:border-top" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mdi-light:border-top" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi-light--border-top]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mdi-light -->
<div class="i-mdi-light:border-top"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mdi-light:border-top"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/mdi-light/border-top.svg" alt="أيقونة Border Top" width="24" height="24">
أيقونات ذات صلة في Material Design Light
أيقونة Border Top في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Border Top
هل أيقونة Border Top مجانية للاستخدام التجاري؟
نعم. تُنشر Material Design Light icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Border Top في React؟
ثبّت @iconify/react واعرض <Icon icon="mdi-light:border-top" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Border Top إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/mdi-light/border-top.svg" alt="أيقونة Border Top">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Material Design Light →
ICONYZ
