ICONYZ
العربية
أيقونة Cargo Ship من Game Icons

أيقونة Cargo Ship

game-icons:cargo-ship

أيقونة Cargo Ship (game-icons:cargo-ship) أيقونة SVG مجانية من مجموعة Game Icons من تصميم GameIcons. مرسومة على شبكة 512 × 512. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Game Icons
المؤلف
GameIcons
الترخيص
CC-BY-3.0
الحجم
512 × 512
الوسوم
cargoship
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M80 23v18h23v14h18V41h23V23zm-8.2 50L42.38 279H135V144.5H95.5v-49H135V73zM185 137v46h78v-46zm96 0v46h78v-46zm96 0v46h78v-46zm-192 64v46h78v-46zm96 0v46h78v-46zm96 0v46h78v-46zm-192 64v46h78v-46zm96 0v46h19.3l32-32H359v-14zm96 0v14h78v-14zM27.22 297l24.11 108.5C76.75 398.1 105.7 391 128 391c24.2 0 46.2 8.6 67.2 16.6s41 15.4 60.8 15.4s39.8-7.4 60.8-15.4c19-7.2 38.9-15 60.5-16.4l-44.1-14.7l5.6-17l36.2 12V345h-17v-18h17v-30h-35.3l-32 32H154.4l-16-32zM393 297v30h17v18h-17v26.5l36.2-12l5.6 17l-44 14.7c12.1.7 25.7 3.1 39.4 6.2c5.4-7.1 10.8-15.3 16.1-24c14.9-24.9 28.2-53.9 36.8-76.4zM128 407c-24.2 0-56.26 8.3-83.09 16.4c-10.02 3-19.26 6-26.91 8.7v19c8.36-3 19.57-6.7 32.11-10.5C76.28 432.7 108.2 425 128 425s39.8 7.4 60.8 15.4s43 16.6 67.2 16.6s46.2-8.6 67.2-16.6s41-15.4 60.8-15.4s51.7 7.7 77.9 15.6c12.5 3.8 23.7 7.5 32.1 10.5v-19c-7.7-2.6-16.9-5.7-26.9-8.7c-26.8-8.1-58.9-16.4-83.1-16.4s-46.2 8.6-67.2 16.6s-41 15.4-60.8 15.4s-39.8-7.4-60.8-15.4s-43-16.6-67.2-16.6m0 36c-24.2 0-56.26 8.3-83.09 16.4c-10.02 3-19.26 6-26.91 8.7v19c8.36-3 19.57-6.7 32.11-10.5C76.28 468.7 108.2 461 128 461s39.8 7.4 60.8 15.4s43 16.6 67.2 16.6s46.2-8.6 67.2-16.6s41-15.4 60.8-15.4s51.7 7.7 77.9 15.6c12.5 3.8 23.7 7.5 32.1 10.5v-19c-7.7-2.6-16.9-5.7-26.9-8.7c-26.8-8.1-58.9-16.4-83.1-16.4s-46.2 8.6-67.2 16.6s-41 15.4-60.8 15.4s-39.8-7.4-60.8-15.4s-43-16.6-67.2-16.6"/></svg>

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

React

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

<Icon icon="game-icons:cargo-ship" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:cargo-ship" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:cargo-ship" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="game-icons:cargo-ship"></iconify-icon>

صورة HTML

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

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

أيقونة cargo-crane
cargo-crane
 أيقونة cargo-crate
cargo-crate

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

أيقونة Cargo Ship من Huge Icons
Huge Icons
 أيقونة Cargo Ship من IconOven
IconOven

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

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

نعم. تُنشر Game Icons بموجب ترخيص CC BY 3.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

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

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

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

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

تصفح كل Game Icons →