أيقونة Sailing Rounded

material-symbols:sailing-rounded

أيقونة Sailing Rounded (material-symbols:sailing-rounded) أيقونة SVG مجانية من مجموعة Material Symbols من تصميم Google. مرسومة على شبكة 24 × 24. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Material Symbols
المؤلف: Google
الترخيص: Apache-2.0
الحجم: 24 × 24
الفئة: النقل العام
الوسوم: boat، boating، entertainment، fishing، hobby، ocean، sailboat، sailing، sea، social sports، travel، water، maps، sailingrounded

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m4.1 11.925l5.525-7.95q.175-.225.4-.287t.45.012t.375.25t.15.45v8.1q0 .425-.288.713T10 13.5H4.925q-.3 0-.525-.15t-.35-.375t-.125-.513t.175-.537m9.7 1.575q-.5 0-.775-.387t-.125-.863q.25-.95.425-2.212T13.5 7.5t-.175-2.613t-.425-2.412q-.05-.225.013-.4t.212-.3t.35-.162t.4.062q1.5.725 2.688 1.9T18.65 6.15q.925 1.425 1.538 3t.737 3.275q.05.425-.262.75t-.738.325zM9 19q-.65 0-1.237-.262t-1.088-.688q-.15-.125-.325-.175t-.35-.05t-.337.063t-.288.187q-.225.2-.5.363t-.55.287q-.625-.475-1.137-1.088T2.4 16.3q-.2-.475.138-.888T3.375 15h17.25q.5 0 .813.4t.162.9q-.325.725-.812 1.338t-1.113 1.087q-.275-.125-.55-.288t-.5-.362q-.125-.125-.288-.187T18 17.825t-.35.038t-.325.162q-.5.425-1.088.7T15 19t-1.263-.288T12.626 18q-.125-.125-.288-.175t-.337-.05t-.337.05t-.288.175q-.5.425-1.112.713T9 19m3 3.25q-.725.375-1.475.563T9 23t-1.525-.187T6 22.25q-.725.375-1.475.563T3 23q-.425 0-.712-.288T2 22q0-.4.363-.562T3 21q.675 0 1.313-.238t1.237-.537q.125-.05.225-.075T6 20.125t.225.025t.225.075q.6.3 1.237.525T9 20.975t1.313-.225t1.237-.525q.125-.05.225-.075t.225-.025t.225.025t.225.075q.6.3 1.238.525t1.312.225t1.313-.225t1.237-.525q.1-.05.45-.1q.05 0 .45.1q.6.3 1.238.538T21 21q.425 0 .713.288T22 22q0 .4-.363.563T21 23q-.775 0-1.525-.187T18 22.25q-.725.375-1.475.563T15 23t-1.525-.187T12 22.25"/></svg>

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

React

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

<Icon icon="material-symbols:sailing-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:sailing-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:sailing-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--sailing-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:sailing-rounded"></div>

مكوّن ويب

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

<iconify-icon icon="material-symbols:sailing-rounded"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/sailing-rounded.svg" alt="أيقونة Sailing Rounded" width="24" height="24">

أيقونات ذات صلة في Material Symbols

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

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

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

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

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

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

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

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

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