Icono Umbrella Beach
la:umbrella-beach
El icono Umbrella Beach (la:umbrella-beach) es un icono SVG gratuito de la colección Line Awesome de Icons8. Está dibujado en una cuadrícula de 32 × 32. Line Awesome icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Line Awesome
- Autor
- Icons8
- Licencia
- Apache-2.0
- Tamaño
- 32 × 32
- Categoría
- Viajes
- Etiquetas
- umbrellabeach, umbrella beach solid
Código 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>Cómo usar el icono 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>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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/la/umbrella-beach.svg" alt="Icono Umbrella Beach" width="24" height="24">Iconos relacionados en Line Awesome
El icono Umbrella Beach en otras colecciones
Preguntas frecuentes sobre Icono Umbrella Beach
¿El icono Umbrella Beach es gratis para uso comercial?
Sí. Line Awesome icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Umbrella Beach en React?
Instala @iconify/react y renderiza <Icon icon="la:umbrella-beach" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Umbrella Beach a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/la/umbrella-beach.svg" alt="Icono Umbrella Beach">, o pega el código SVG en línea para darle estilo con CSS.