أيقونة Transporter

icon-park:transporter

أيقونة Transporter (icon-park:transporter) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: IconPark
المؤلف: ByteDance
الترخيص: Apache-2.0
الحجم: 48 × 48
الفئة: العتاد

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M42 8H20C18.8954 8 18 8.89543 18 10V32C18 33.1046 18.8954 34 20 34H42C43.1046 34 44 33.1046 44 32V10C44 8.89543 43.1046 8 42 8Z"/><path fill="#2F88FF" d="M4 34H18V20H11L4 26.4615V34Z"/><path stroke-linecap="round" d="M18 36C18 38.2091 16.2091 40 14 40C11.7909 40 10 38.2091 10 36"/><path stroke-linecap="round" d="M40 36C40 38.2091 38.2091 40 36 40C33.7909 40 32 38.2091 32 36"/></g></svg>

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

React

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

<Icon icon="icon-park:transporter" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:transporter" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:transporter" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--transporter]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:transporter"></div>

مكوّن ويب

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

<iconify-icon icon="icon-park:transporter"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/icon-park/transporter.svg" alt="أيقونة Transporter" width="24" height="24">

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

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

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

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

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

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

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

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

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