أيقونة Boat Alt

cil:boat-alt

أيقونة Boat Alt (cil:boat-alt) أيقونة SVG مجانية من مجموعة CoreUI Free من تصميم creativeLabs Łukasz Holeczek. مرسومة على شبكة 512 × 512. تُنشر CoreUI Free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: CoreUI Free
المؤلف: creativeLabs Łukasz Holeczek
الترخيص: CC-BY-4.0
الحجم: 512 × 512
الوسوم: boatalt

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M410.866 181.063A32.1 32.1 0 0 0 380.793 160h-39.239l-16-96H221.112l16 96h-39.558l-16-96H77.112l16 96H48v88H16v200h427.727L496 282.466V248h-60.793ZM298.446 96l10.667 64h-39.559l-10.666-64Zm-144 0l10.667 64h-39.559l-10.666-64ZM80 192h300.793l20.363 56H80Zm383.222 88l-42.949 136H48V280Z"/><path fill="currentColor" d="M80 320h32v32H80zm64 0h32v32h-32zm64 0h32v32h-32zm64 0h32v32h-32zm64 0h32v32h-32z"/></svg>

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

React

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

<Icon icon="cil:boat-alt" width="24" />

Vue

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

<template>
  <Icon icon="cil:boat-alt" width="24" />
</template>

Svelte

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

<Icon icon="cil:boat-alt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--boat-alt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:boat-alt"></div>

مكوّن ويب

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

<iconify-icon icon="cil:boat-alt"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/cil/boat-alt.svg" alt="أيقونة Boat Alt" width="24" height="24">

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

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

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

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

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

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

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

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