ICONYZ
العربية
أيقونة Diagonal Line من Material Symbols

أيقونة Diagonal Line

material-symbols:diagonal-line

أيقونة Diagonal Line (material-symbols:diagonal-line) أيقونة SVG مجانية من مجموعة Material Symbols من تصميم Google. مرسومة على شبكة 24 × 24. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Material Symbols
المؤلف
Google
الترخيص
Apache-2.0
الحجم
24 × 24
الفئة
النص
الوسوم
diagonalline، diagonal line outline، diagonal line outline rounded، diagonal line outline sharp، diagonal line rounded، diagonal line sharp
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 22q-1.25 0-2.125-.875T16 19q0-.35.075-.675t.225-.625l-10-10q-.3.15-.625.225T5 8q-1.25 0-2.125-.875T2 5t.875-2.125T5 2t2.125.875T8 5q0 .35-.075.675T7.7 6.3l10 10q.3-.15.625-.225T19 16q1.25 0 2.125.875T22 19t-.875 2.125T19 22"/></svg>

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

React

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

<Icon icon="material-symbols:diagonal-line" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:diagonal-line" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:diagonal-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--diagonal-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:diagonal-line"></div>

مكوّن ويب

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

<iconify-icon icon="material-symbols:diagonal-line"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/diagonal-line.svg" alt="أيقونة Diagonal Line" width="24" height="24">

أيقونة Diagonal Line في مجموعات أخرى

أيقونة Diagonal Line من Material Symbols Light
Material Symbols Light

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

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

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

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

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

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

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

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