أيقونة Align Left
keyline-icons:align-left
أيقونة Align Left (keyline-icons:align-left) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Keyline Icons
- المؤلف
- Keyline Icons
- الترخيص
- MIT
- الحجم
- 24 × 24
- الوسوم
- alignleft
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3H21M3 9H15M3 15H21M3 21H15"/></svg>كيفية استخدام أيقونة Align Left
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:align-left" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:align-left" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:align-left" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--align-left]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:align-left"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:align-left"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/align-left.svg" alt="أيقونة Align Left" width="24" height="24">أيقونات ذات صلة في Keyline Icons
align-center
align-center-duotone
align-center-fill
align-center-sharp
align-center-sharp-duotone
align-center-sharp-fill
align-center-sharp-two-tone
align-center-two-tone
align-justify
align-justify-duotone
align-justify-fill
align-justify-sharp
align-justify-sharp-duotone
align-justify-sharp-fill
align-justify-sharp-two-tone
align-justify-two-tone
align-left-duotone
align-left-fill
align-left-sharp
align-left-sharp-duotone
align-left-sharp-fill
align-left-sharp-two-tone
align-left-two-tone
align-offset-bottom
أيقونة Align Left في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Align Left
هل أيقونة Align Left مجانية للاستخدام التجاري؟
نعم. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Align Left في React؟
ثبّت @iconify/react واعرض <Icon icon="keyline-icons:align-left" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Align Left إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/keyline-icons/align-left.svg" alt="أيقونة Align Left">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.