Icono Beach Umbrella
icon-park:beach-umbrella
El icono Beach Umbrella (icon-park:beach-umbrella) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark 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
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Vida
- Etiquetas
- beachumbrella
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M14.3409 21.4119L24.0002 24.0001L33.6594 26.5883L43.3187 29.1765C45.6567 20.4506 41.8476 11.5259 34.5459 7.00012C32.9196 5.99211 31.12 5.20232 29.1765 4.68156C26.9383 4.08183 24.6869 3.88656 22.5001 4.05095C14.2628 4.67018 6.94074 10.3926 4.68164 18.8237L14.3409 21.4119Z"/><path stroke="#fff" d="M29.1762 4.6814C29.1762 4.6814 23.5355 8.34634 20.3095 12.6583C17.0836 16.9703 16.2725 21.9294 16.2725 21.9294"/><path stroke="#fff" d="M29.1768 4.6814C29.1768 4.6814 32.2293 10.6757 32.8671 16.023C33.5048 21.3702 31.7278 26.0705 31.7278 26.0705"/><path stroke="#000" d="M4.68164 18.8237L14.3409 21.4119L24.0002 24.0001L33.6594 26.5883L43.3187 29.1765"/><path stroke="#000" d="M4 44H44"/><path stroke="#000" d="M24 24L18.5 43.9999"/><path stroke="#000" d="M22.5 4.05095C24.6868 3.88656 26.9382 4.08183 29.1764 4.68156C31.1199 5.20232 32.9195 5.99211 34.5458 7.00012"/></g></svg>Cómo usar el icono Beach Umbrella
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:beach-umbrella" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:beach-umbrella" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:beach-umbrella" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--beach-umbrella]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:beach-umbrella"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:beach-umbrella"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/beach-umbrella.svg" alt="Icono Beach Umbrella" width="24" height="24">El icono Beach Umbrella en otras colecciones
Preguntas frecuentes sobre Icono Beach Umbrella
¿El icono Beach Umbrella es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Beach Umbrella en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:beach-umbrella" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Beach Umbrella a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/beach-umbrella.svg" alt="Icono Beach Umbrella">, o pega el código SVG en línea para darle estilo con CSS.