ICONYZ
العربية
أيقونة Umbrella Beach من Font Awesome 5 Solid

أيقونة Umbrella Beach

fa-solid:umbrella-beach

أيقونة Umbrella Beach (fa-solid:umbrella-beach) أيقونة SVG مجانية من مجموعة Font Awesome 5 Solid من تصميم Dave Gandy. مرسومة على شبكة 640 × 512. تُنشر Font Awesome 5 Solid icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Font Awesome 5 Solid
المؤلف
Dave Gandy
الترخيص
CC-BY-4.0
الحجم
640 × 512
الفئة
الفندق، السفر، الصيف
الوسوم
umbrellabeach
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="512" viewBox="0 0 640 512"><path fill="currentColor" d="m115.38 136.9l102.11 37.18c35.19-81.54 86.21-144.29 139-173.7c-95.88-4.89-188.78 36.96-248.53 111.8c-6.69 8.4-2.66 21.05 7.42 24.72m132.25 48.16l238.48 86.83c35.76-121.38 18.7-231.66-42.63-253.98c-7.4-2.7-15.13-4-23.09-4c-58.02.01-128.27 69.17-172.76 171.15M521.48 60.5c6.22 16.3 10.83 34.6 13.2 55.19c5.74 49.89-1.42 108.23-18.95 166.98l102.62 37.36c10.09 3.67 21.31-3.43 21.57-14.17c2.32-95.69-41.91-187.44-118.44-245.36M560 447.98H321.06L386 269.5l-60.14-21.9l-72.9 200.37H16c-8.84 0-16 7.16-16 16.01v32.01C0 504.83 7.16 512 16 512h544c8.84 0 16-7.17 16-16.01v-32.01c0-8.84-7.16-16-16-16"/></svg>

كيفية استخدام أيقونة Umbrella Beach

React

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

<Icon icon="fa-solid:umbrella-beach" width="24" />

Vue

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

<template>
  <Icon icon="fa-solid:umbrella-beach" width="24" />
</template>

Svelte

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

<Icon icon="fa-solid:umbrella-beach" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--umbrella-beach]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:umbrella-beach"></div>

مكوّن ويب

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

<iconify-icon icon="fa-solid:umbrella-beach"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fa-solid/umbrella-beach.svg" alt="أيقونة Umbrella Beach" width="24" height="24">

أيقونات ذات صلة في Font Awesome 5 Solid

أيقونة Umbrella Beach في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Umbrella Beach

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

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

كيف أستخدم أيقونة Umbrella Beach في React؟

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

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

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

تصفح كل أيقونات Font Awesome 5 Solid →