أيقونة Umbrella Beach
la:umbrella-beach
أيقونة Umbrella Beach (la:umbrella-beach) أيقونة SVG مجانية من مجموعة Line Awesome من تصميم Icons8. مرسومة على شبكة 32 × 32. تُنشر Line Awesome icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Line Awesome
- المؤلف
- Icons8
- الترخيص
- Apache-2.0
- الحجم
- 32 × 32
- الفئة
- السفر
- الوسوم
- umbrellabeach، umbrella beach solid
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M15 3v1.625c-1.96.207-4.46.984-6.781 2.281C5.504 8.426 3 10.664 3 13.656C3 15.441 4.45 17 6.344 17c.906 0 1.687-.379 2.281-.906q.016-.013.031-.032C9.242 16.676 10.09 17 11 17c.988 0 1.82-.418 2.406-.969c.414.395.957.688 1.594.844v6.719a6.6 6.6 0 0 0-2.594 1.093l1.188 1.625S14.754 25.5 16 25.5s2.406.813 2.406.813l1.188-1.625S18.535 23.87 17 23.593v-6.75a3.66 3.66 0 0 0 1.438-.75c.585.593 1.417.906 2.312.906a3.5 3.5 0 0 0 2.438-1c.042.04.082.086.125.125c.605.52 1.402.875 2.28.875C27.462 17 29 15.496 29 13.687c0-2.984-2.46-5.214-5.156-6.75C21.539 5.625 19.008 4.832 17 4.626V3zm.938 4c.132.188.25.281.406.594c.511 1.031 1.086 2.847 1.156 5.812a.8.8 0 0 0 0 .188c.004.136 0 .265 0 .406c0 .016-.09.324-.344.563S16.536 15 16 15c-1.09 0-1.5-.875-1.5-1v-.5c.055-3.262.621-5.098 1.125-6.063c.125-.242.203-.289.313-.437m2.53.625c.212.121.38.164.595.313c1.574 1.085 3.054 2.796 3.156 5.75a1.55 1.55 0 0 1-.344.812c-.242.281-.55.5-1.125.5c-.473 0-.719-.14-.906-.344s-.344-.531-.344-1.062a1 1 0 0 0-.031-.281c-.07-2.59-.485-4.372-1-5.688zm-5.093.344c-.434 1.281-.781 2.93-.844 5.343v.032a1 1 0 0 0-.031.187v.063c0 .234-.133.625-.375.906s-.55.5-1.125.5c-.473 0-.719-.14-.906-.344s-.344-.531-.344-1.062q-.001-.128-.031-.25v-.031c.238-2.383 1.687-4.004 3.219-5.126c.218-.16.222-.082.437-.218m-3.156.25C8.875 9.668 7.688 11.449 7.688 14c0 .023-.094.344-.375.594s-.676.406-.97.406C5.536 15 5 14.371 5 13.656c0-1.804 1.766-3.644 4.188-5c.332-.183.683-.273 1.03-.437zm11.937.156c.227.113.469.156.688.281C25.242 10.023 27 11.871 27 13.687C27 14.38 26.426 15 25.594 15c-.32 0-.7-.145-.969-.375c-.27-.23-.375-.508-.375-.625c0-.14.004-.273 0-.406a1 1 0 0 0-.031-.281c-.157-2.122-1.028-3.657-2.063-4.938M6 24c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m12 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1M8 27c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m4 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></svg>كيفية استخدام أيقونة Umbrella Beach
React
import { Icon } from "@iconify/react";
<Icon icon="la:umbrella-beach" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:umbrella-beach" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:umbrella-beach" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--umbrella-beach]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:umbrella-beach"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:umbrella-beach"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/la/umbrella-beach.svg" alt="أيقونة Umbrella Beach" width="24" height="24">أيقونات ذات صلة في Line Awesome
أيقونة Umbrella Beach في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Umbrella Beach
هل أيقونة Umbrella Beach مجانية للاستخدام التجاري؟
نعم. تُنشر Line Awesome icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Umbrella Beach في React؟
ثبّت @iconify/react واعرض <Icon icon="la:umbrella-beach" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Umbrella Beach إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/la/umbrella-beach.svg" alt="أيقونة Umbrella Beach">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.