أيقونة Insert Columns Left
fluent-mdl2:insert-columns-left
أيقونة Insert Columns Left (fluent-mdl2:insert-columns-left) أيقونة SVG مجانية من مجموعة Fluent UI MDL2 من تصميم Microsoft Corporation. مرسومة على شبكة 2048 × 2048. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Fluent UI MDL2
- المؤلف
- Microsoft Corporation
- الترخيص
- MIT
- الحجم
- 2048 × 2048
- الوسوم
- insertcolumns، columnsleft، insertcolumnsleft، column
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M2048 128v1664H0v-512l128 128v256h512v-512h512V768H640V256H128v256L0 640V128zm-128 1152h-512v384h512zm0-512h-512v384h512zm0-512h-512v384h512zM525 621L250 896h774v128H250l275 275l-90 90L6 960l429-429z"/></svg>
كيفية استخدام أيقونة Insert Columns Left
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:insert-columns-left" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:insert-columns-left" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:insert-columns-left" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--insert-columns-left]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:insert-columns-left"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:insert-columns-left"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/insert-columns-left.svg" alt="أيقونة Insert Columns Left" width="24" height="24">
أيقونات ذات صلة في Fluent UI MDL2
الأسئلة الشائعة حول أيقونة Insert Columns Left
هل أيقونة Insert Columns Left مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Insert Columns Left في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-mdl2:insert-columns-left" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Insert Columns Left إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/insert-columns-left.svg" alt="أيقونة Insert Columns Left">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Fluent UI MDL2 →
ICONYZ
