Umbrella Beach icon
la:umbrella-beach
The Umbrella Beach icon (la:umbrella-beach) is a free SVG icon from the Line Awesome set by Icons8. It is drawn on a 32 × 32 grid. Line Awesome icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Line Awesome
- Author
- Icons8
- License
- Apache-2.0
- Size
- 32 × 32
- Category
- Travel
- Tags
- umbrellabeach, umbrella beach solid
SVG code
<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>How to use the Umbrella Beach icon
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>Web component
<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 image
<img src="https://iconyz.com/api/public/svg/la/umbrella-beach.svg" alt="Umbrella Beach icon" width="24" height="24">Related icons in Line Awesome
Umbrella Beach icon in other icon sets
Umbrella Beach icon FAQ
Is the Umbrella Beach icon free for commercial use?
Yes. Line Awesome icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Umbrella Beach icon in React?
Install @iconify/react and render <Icon icon="la:umbrella-beach" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Umbrella Beach icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/la/umbrella-beach.svg" alt="Umbrella Beach icon">, or paste the SVG code inline to style it with CSS.