ICONYZ
العربية
أيقونة Cargo Ship 2 من Marketeq

أيقونة Cargo Ship 2

marketeq:cargo-ship-2

أيقونة Cargo Ship 2 (marketeq:cargo-ship-2) أيقونة SVG مجانية من مجموعة Marketeq. مرسومة على شبكة 50 × 50. تُنشر Marketeq icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Marketeq
المؤلف
Marketeq
الترخيص
MIT
الحجم
50 × 50
الوسوم
cargoship
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke="#344054" d="M33.333 31.25h-4.166M12.5 10.417v4.166z"/><path stroke="#306CFE" d="M6.25 22.917h35.417a2.083 2.083 0 0 1 1.958 2.812l-4.687 12.5a2.08 2.08 0 0 1-1.959 1.354h-25A2.08 2.08 0 0 1 9.896 38zm16.667 0l-1.688-6.75a2.08 2.08 0 0 0-2.083-1.584H8.333a2.083 2.083 0 0 0-2.083 2.084v6.25z"/></g></svg>

كيفية استخدام أيقونة Cargo Ship 2

React

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

<Icon icon="marketeq:cargo-ship-2" width="24" />

Vue

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

<template>
  <Icon icon="marketeq:cargo-ship-2" width="24" />
</template>

Svelte

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

<Icon icon="marketeq:cargo-ship-2" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[marketeq--cargo-ship-2]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/marketeq -->
<div class="i-marketeq:cargo-ship-2"></div>

مكوّن ويب

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

<iconify-icon icon="marketeq:cargo-ship-2"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/marketeq/cargo-ship-2.svg" alt="أيقونة Cargo Ship 2" width="24" height="24">

الأسئلة الشائعة حول أيقونة Cargo Ship 2

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

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

كيف أستخدم أيقونة Cargo Ship 2 في React؟

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

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

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

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