ICONYZ
العربية
أيقونة Ship من IconPark Solid

أيقونة Ship

icon-park-solid:ship

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

المجموعة
IconPark Solid
المؤلف
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="currentColor" stroke-linejoin="round" stroke-width="4"><path stroke-linecap="round" d="M6 20.377L24 14l18 6.377L36.667 34H11.333z" clip-rule="evenodd"/><path fill="currentColor" d="M13 8h22l-.002 9.896L24 14l-11 3.896z"/><path stroke-linecap="round" d="M24 8V4m0 20v-8M10 40l3.5 4l3.5-4l3.5 4l3.5-4l3.5 4l3.5-4l3.5 4l3.5-4"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="icon-park-solid:ship"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

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