أيقونة Border Right
zmdi:border-right
أيقونة Border Right (zmdi:border-right) أيقونة SVG مجانية من مجموعة Material Design Iconic Font من تصميم MDI Community. مرسومة على شبكة 384 × 384. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Material Design Iconic Font
- المؤلف
- MDI Community
- الترخيص
- OFL-1.1
- الحجم
- 384 × 384
- الوسوم
- borderright
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="384" height="384" viewBox="0 0 384 384"><path fill="currentColor" d="M85 384v-43h43v43zM0 43V0h43v43zm85 0V0h43v43zm0 170v-42h43v42zM0 384v-43h43v43zm171 0v-43h42v43zM0 213v-42h43v42zm0 86v-43h43v43zm0-171V85h43v43zm171 171v-43h42v43zm85-86v-42h43v42zM341 0h43v384h-43zm-85 384v-43h43v43zm0-341V0h43v43zm-85 170v-42h42v42zm0-170V0h42v43zm0 85V85h42v43z"/></svg>
كيفية استخدام أيقونة Border Right
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:border-right" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:border-right" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:border-right" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--border-right]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:border-right"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:border-right"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/zmdi/border-right.svg" alt="أيقونة Border Right" width="24" height="24">
أيقونات ذات صلة في Material Design Iconic Font
أيقونة Border Right في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Border Right
هل أيقونة Border Right مجانية للاستخدام التجاري؟
نعم. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Border Right في React؟
ثبّت @iconify/react واعرض <Icon icon="zmdi:border-right" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Border Right إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/zmdi/border-right.svg" alt="أيقونة Border Right">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Material Design Iconic Font →
ICONYZ
