ICONYZ
العربية
أيقونة Border Right من Unicons

أيقونة Border Right

uil:border-right

أيقونة Border Right (uil:border-right) أيقونة SVG مجانية من مجموعة Unicons من تصميم Iconscout. مرسومة على شبكة 24 × 24. تُنشر Unicons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Unicons
المؤلف
Iconscout
الترخيص
Apache-2.0
الحجم
24 × 24
الفئة
المحتوى
الوسوم
borderright
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.5 7a1 1 0 1 0 1 1a1 1 0 0 0-1-1m0-4a1 1 0 1 0 1 1a1 1 0 0 0-1-1m4 16a1 1 0 1 0 1 1a1 1 0 0 0-1-1m-4 0a1 1 0 1 0 1 1a1 1 0 0 0-1-1m4-8a1 1 0 1 0 1 1a1 1 0 0 0-1-1m0-8a1 1 0 1 0 1 1a1 1 0 0 0-1-1m-4 8a1 1 0 1 0 1 1a1 1 0 0 0-1-1m0 4a1 1 0 1 0 1 1a1 1 0 0 0-1-1m12-12a1 1 0 1 0 1 1a1 1 0 0 0-1-1m0 8a1 1 0 1 0 1 1a1 1 0 0 0-1-1m-4 8a1 1 0 1 0 1 1a1 1 0 0 0-1-1m0-16a1 1 0 1 0 1 1a1 1 0 0 0-1-1m8 0a1 1 0 0 0-1 1v16a1 1 0 0 0 2 0V4a1 1 0 0 0-1-1m-4 16a1 1 0 1 0 1 1a1 1 0 0 0-1-1m-4-12a1 1 0 1 0 1 1a1 1 0 0 0-1-1m0 8a1 1 0 1 0 1 1a1 1 0 0 0-1-1m0-4a1 1 0 1 0 1 1a1 1 0 0 0-1-1"/></svg>

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

React

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

<Icon icon="uil:border-right" width="24" />

Vue

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

<template>
  <Icon icon="uil:border-right" width="24" />
</template>

Svelte

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

<Icon icon="uil:border-right" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[uil--border-right]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/uil -->
<div class="i-uil:border-right"></div>

مكوّن ويب

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

<iconify-icon icon="uil:border-right"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/uil/border-right.svg" alt="أيقونة Border Right" width="24" height="24">

أيقونات ذات صلة في Unicons

أيقونة border-alt
border-alt
 أيقونة border-bottom
border-bottom
 أيقونة border-clear
border-clear
 أيقونة border-horizontal
border-horizontal
 أيقونة border-inner
border-inner
 أيقونة border-left
border-left
 أيقونة border-out
border-out
 أيقونة border-top
border-top
 أيقونة border-vertical
border-vertical

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

أيقونة Border Right من Material Design Icons
Material Design Icons
 أيقونة Border Right من Tabler Icons
Tabler Icons
 أيقونة Border Right من Material Symbols
Material Symbols
 أيقونة Border Right من Bootstrap Icons
Bootstrap Icons
 أيقونة Border Right من Carbon
Carbon
 أيقونة Border Right من BoxIcons v2
BoxIcons v2
 أيقونة Border Right من Boxicons
Boxicons
 أيقونة Border Right من CoreUI Free
CoreUI Free
 أيقونة Border Right من Iconoir
Iconoir
 أيقونة Border Right من Material Design Iconic Font
Material Design Iconic Font
 أيقونة Border Right من Material Design Light
Material Design Light
 أيقونة Border Right من Material Symbols Light
Material Symbols Light

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

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

نعم. تُنشر Unicons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Unicons →