أيقونة Align Left

mynaui:align-left

أيقونة Align Left (mynaui:align-left) أيقونة SVG مجانية من مجموعة Myna UI Icons من تصميم Praveen Juge. مرسومة على شبكة 24 × 24. تُنشر Myna UI Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Myna UI Icons
المؤلف: Praveen Juge
الترخيص: MIT
الحجم: 24 × 24
الوسوم: alignleft

تنزيل SVG

شيفرة 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="1.5" d="M18 14h-8c-.932 0-1.398 0-1.765.152a2 2 0 0 0-1.083 1.083C7 15.602 7 16.068 7 17s0 1.398.152 1.765a2 2 0 0 0 1.083 1.083C8.602 20 9.068 20 10 20h8c.932 0 1.398 0 1.765-.152a2 2 0 0 0 1.083-1.083C21 18.398 21 17.932 21 17s0-1.398-.152-1.765a2 2 0 0 0-1.083-1.083C19.398 14 18.932 14 18 14M14 4h-4c-.932 0-1.398 0-1.765.152a2 2 0 0 0-1.083 1.083C7 5.602 7 6.068 7 7s0 1.398.152 1.765a2 2 0 0 0 1.083 1.083C8.602 10 9.068 10 10 10h4c.932 0 1.398 0 1.765-.152a2 2 0 0 0 1.083-1.083C17 8.398 17 7.932 17 7s0-1.398-.152-1.765a2 2 0 0 0-1.083-1.083C15.398 4 14.932 4 14 4M3 21V3"/></svg>

كيفية استخدام أيقونة Align Left

React

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

<Icon icon="mynaui:align-left" width="24" />

Vue

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

<template>
  <Icon icon="mynaui:align-left" width="24" />
</template>

Svelte

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

<Icon icon="mynaui:align-left" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mynaui--align-left]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mynaui -->
<div class="i-mynaui:align-left"></div>

مكوّن ويب

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

<iconify-icon icon="mynaui:align-left"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/mynaui/align-left.svg" alt="أيقونة Align Left" width="24" height="24">

أيقونات ذات صلة في Myna UI Icons

أيقونة Align Left في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Align Left

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

نعم. تُنشر Myna UI Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Align Left في React؟

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

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

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

تصفح كل Myna UI Icons →