أيقونة Truck Arrow Left
keyline-icons:truck-arrow-left
أيقونة Truck Arrow Left (keyline-icons:truck-arrow-left) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Keyline Icons
- المؤلف
- Keyline Icons
- الترخيص
- MIT
- الحجم
- 24 × 24
- الوسوم
- truckarrow، arrowleft، truckarrowleft
شيفرة 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="M14 18V7C14 5.34315 12.6569 4 11 4M2 13V17C2 17.5523 2.44772 18 3 18H4M10 18H14M20 18H21C21.5523 18 22 17.5523 22 17V13C22 12.4696 21.7893 11.9609 21.4142 11.5858L18.4142 8.58579C18.0391 8.21071 17.5304 8 17 8H14M9 18C9 19.1046 8.1046 20 7 20C5.8954 20 5 19.1046 5 18C5 16.8954 5.8954 16 7 16C8.1046 16 9 16.8954 9 18ZM19 18C19 19.1046 18.1046 20 17 20C15.8954 20 15 19.1046 15 18C15 16.8954 15.8954 16 17 16C18.1046 16 19 16.8954 19 18ZM7 6.5H2M4.5 4L2 6.5L4.5 9"/></svg>كيفية استخدام أيقونة Truck Arrow Left
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:truck-arrow-left" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:truck-arrow-left" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:truck-arrow-left" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--truck-arrow-left]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:truck-arrow-left"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:truck-arrow-left"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/truck-arrow-left.svg" alt="أيقونة Truck Arrow Left" width="24" height="24">أيقونات ذات صلة في Keyline Icons
truck
truck-arrow-down
truck-arrow-down-duotone
truck-arrow-down-fill
truck-arrow-down-sharp
truck-arrow-down-sharp-duotone
truck-arrow-down-sharp-fill
truck-arrow-down-sharp-two-tone
truck-arrow-down-two-tone
truck-arrow-left-duotone
truck-arrow-left-fill
truck-arrow-left-sharp
truck-arrow-left-sharp-duotone
truck-arrow-left-sharp-fill
truck-arrow-left-sharp-two-tone
truck-arrow-left-two-tone
truck-arrow-right
truck-arrow-right-duotone
truck-arrow-right-fill
truck-arrow-right-sharp
truck-arrow-right-sharp-duotone
truck-arrow-right-sharp-fill
truck-arrow-right-sharp-two-tone
truck-arrow-right-two-tone
الأسئلة الشائعة حول أيقونة Truck Arrow Left
هل أيقونة Truck Arrow Left مجانية للاستخدام التجاري؟
نعم. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Truck Arrow Left في React؟
ثبّت @iconify/react واعرض <Icon icon="keyline-icons:truck-arrow-left" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Truck Arrow Left إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/keyline-icons/truck-arrow-left.svg" alt="أيقونة Truck Arrow Left">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.