ICONYZ
العربية
أيقونة Border None من Material Design Light

أيقونة Border None

mdi-light:border-none

أيقونة Border None (mdi-light:border-none) أيقونة 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
الوسوم
bordernone
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 18h-1v-2h1zM4 14H3v-3h1v1h1v1H4zm15-2v-1h1v3h-1v-1h-1v-1zm-5 1v-1h2v1zm-3 0v-1h1v1zm-4 0v-1h2v1zm-3 5H3v-2h1zM3 5V4h1v1zm0 2h1v2H3zm12-2V4h2v1zM6 5V4h2v1zm4 0V4h3v1h-1v1h-1V5zm10 4h-1V7h1zm-1-4V4h1v1zm-7 12h-1v-2h1zm0-7h-1V8h1zM3 20h1v1H3zm12 0h2v1h-2zm-9 0h2v1H6zm4 0h1v-1h1v1h1v1h-3zm9 0h1v1h-1z"/></svg>

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

React

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

<Icon icon="mdi-light:border-none" width="24" />

Vue

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

<template>
  <Icon icon="mdi-light:border-none" width="24" />
</template>

Svelte

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

<Icon icon="mdi-light:border-none" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi-light--border-none]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi-light -->
<div class="i-mdi-light:border-none"></div>

مكوّن ويب

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

<iconify-icon icon="mdi-light:border-none"></iconify-icon>

صورة HTML

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

أيقونات ذات صلة في Material Design Light

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

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

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

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

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

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

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

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

تصفح كل أيقونات Material Design Light →