أيقونة Ship Fill

keyline-icons:ship-fill

أيقونة Ship Fill (keyline-icons:ship-fill) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Keyline Icons
المؤلف: Keyline Icons
الترخيص: MIT
الحجم: 24 × 24
الوسوم: shipfill

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M6.52 21.348L5.8638 20.7254C3.6872 18.66 2.5421 15.4239 3.2169 12.4072C3.281 12.1208 3.4676 11.877 3.7274 11.7404C6.163 10.4598 8.9171 9.1491 11.9513 9.0012C11.9837 8.9996 12.0163 8.9996 12.0487 9.0012C15.0829 9.1491 17.837 10.4598 20.2726 11.7404C20.5335 11.8776 20.7206 12.123 20.7839 12.4109C21.447 15.4291 20.3191 18.654 18.1362 20.7254L17.933 20.9182C17.6565 21.1805 17.255 21.2629 16.8976 21.1306C16.6003 21.0206 16.3075 20.9013 16.0198 20.7742C16.0031 20.7668 15.9866 20.759 15.9703 20.7507C14.0898 19.7936 11.8309 19.7593 9.96 20.7286C9.9281 20.7452 9.8953 20.76 9.8617 20.773C9.1273 21.0579 8.3155 21.3566 7.472 21.5872C7.1347 21.6794 6.7737 21.5887 6.52 21.348ZM13 14C13 13.4477 12.5523 13 12 13C11.4477 13 11 13.4477 11 14L11 15C11 15.5523 11.4477 16 12 16C12.5523 16 13 15.5523 13 15L13 14Z" stroke="none"/><path d="M7 11.3L7 7C7 5.8954 7.8954 5 9 5L15 5C16.1046 5 17 5.8954 17 7L17 11.3M12 5L12 3M2 20.3479C4.3679 21.6637 7.179 20.7413 9.5 19.8407C11.671 18.7159 14.2704 18.7635 16.4239 19.8595C18.1685 20.6303 20.0809 21.0813 22 20.8551"/></g></svg>

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

React

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

<Icon icon="keyline-icons:ship-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:ship-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:ship-fill" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="keyline-icons:ship-fill"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

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

تصفح كل Keyline Icons →