أيقونة Island
whh:island
أيقونة Island (whh:island) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 1024 × 1024
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M1024 896q0 31-27 54t-71.5 37t-112 22.5t-139 11.5t-162.5 3q-110 0-200-8t-161.5-24.5t-111-45T0 880q0-42 51-87.5t139.5-83T384 654v-78q0-107-40-206q-18 19-46 58t-49 67.5t-53 53t-65 27.5q-3-14-3-29.5t1.5-36T131 479q0-65 30.5-123T243 256h-19q-69 0-118.5 53T32 448q-9-9-20.5-31.5T0 372q0-112 64.5-178T224 128q105 0 154 54q18-79 81.5-130.5T605 0q96 0 161.5 50T832 192q-73-64-192-64q-49 0-75.5 19.5T523 205q41-13 83-13q94 0 160 51t66 123q0 45-27.5 83.5T730 512q-17-85-75-133.5T513 322q10 20 21 50.5T560.5 481T576 640v1q105 6 211 48.5T958.5 789t65.5 107"/></svg>
كيفية استخدام أيقونة Island
React
import { Icon } from "@iconify/react";
<Icon icon="whh:island" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:island" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:island" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--island]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:island"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:island"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/island.svg" alt="أيقونة Island" width="24" height="24">
أيقونة Island في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Island
هل أيقونة Island مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Island في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:island" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Island إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/island.svg" alt="أيقونة Island">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات WebHostingHub Glyphs →
ICONYZ
