أيقونة Scuba Diving
material-symbols:scuba-diving
أيقونة Scuba Diving (material-symbols:scuba-diving) أيقونة 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
- الفئة
- الأنشطة
- الوسوم
- diving، entertainment، exercise، hobby، scuba، social، swim، swimming، scubadiving، scuba diving outline، scuba diving sharp، scuba diving outline sharp
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m4 23l-1.6-1.2L5.25 18l.775-4.45q.075-.6.475-1.062t1.025-.613L17 9l2-4l3-3l1 1l-2.5 2.9l-1.5 4.6l-5 3.5l-5.85 1.85L7 19zm-1-8q-.825 0-1.412-.587T1 13t.588-1.412T3 11t1.413.588T5 13t-.587 1.413T3 15m5.9-4.9q-.6.175-1.137-.137T7.05 9.05t.138-1.15t.912-.7L12.65 6l.775 2.9z"/></svg>
كيفية استخدام أيقونة Scuba Diving
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:scuba-diving" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:scuba-diving" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:scuba-diving" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--scuba-diving]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:scuba-diving"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:scuba-diving"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/scuba-diving.svg" alt="أيقونة Scuba Diving" width="24" height="24">
أيقونات ذات صلة في Material Symbols
أيقونة Scuba Diving في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Scuba Diving
هل أيقونة Scuba Diving مجانية للاستخدام التجاري؟
نعم. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Scuba Diving في React؟
ثبّت @iconify/react واعرض <Icon icon="material-symbols:scuba-diving" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Scuba Diving إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/material-symbols/scuba-diving.svg" alt="أيقونة Scuba Diving">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Material Symbols →
ICONYZ
