Icono Beach With Umbrella
emojione-v1:beach-with-umbrella
El icono Beach With Umbrella (emojione-v1:beach-with-umbrella) es un icono SVG gratuito de la colección Emoji One (v1) de Emoji One. Está dibujado en una cuadrícula de 64 × 64. Emoji One (v1) icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Emoji One (v1)
- Autor
- Emoji One
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 64 × 64
- Categoría
- Viajes
- Etiquetas
- beachwith, withumbrella, beachwithumbrella
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#fceb97" d="M64 56.889C64 60.762 60.805 64 56.986 64H6.9C3.088 64 .021 60.873.021 57V6c0-3.87 3.066-6 6.879-6h50.086C60.805 0 64 3.048 64 6.096z"/><ellipse cx="20.17" cy="20.406" fill="#e9c61c" rx="16.583" ry="16.712"/><path fill="#fff" d="M31.818 20.302c0 6.49-5.223 11.753-11.659 11.753c-6.438 0-11.661-5.263-11.661-11.753S13.722 8.55 20.159 8.55s11.659 5.261 11.659 11.752"/><path fill="#7ad8f9" d="M0 40.02h64v19.365H0z"/><path fill="#324449" d="M16.06 18.04s3.927 1.138 6.143 5.193c0 0 6.637-1.035 9.263 2.855c0 0 5.07-2.125 9.152 1.389c0 0 5.683-1.498 8.423 2.047c0 0 5.01-1.209 9.294.438c.438.171 3.316-2.86 5.574-1.086c0 0-.473-1.164-.775-1.479c-.307-.311-7.885-6.518-7.885-6.518l-17.01-5.288l-18.647.266l-3.534 2.183"/><path fill="#2780ff" d="M15.768 18.09s6.84-1.288 13.598 4.02c0 0 3.78-10.06 13.274-10.06c.001.001-16.01-4.261-26.872 6.04"/><path fill="#f4c484" d="M28.52 54.49c.371 0 23.971-8.938 35.458-5.858v10.484l-13.961 3.083l-19.893-3.852l-1.604-3.254"/><path fill="#e8b872" d="M33.709 50.49C16.176 40.615.449 53.04 0 53.402v3.602c0 3.873 3.066 7 6.879 7h50.09c3.816 0 7.01-3.238 7.01-7.111v-1.314c0-.003-12.477 4.933-30.27-5.089"/><path fill="#f4c484" d="M63.37 59.54c-3.203 1.424-19.812-.417-19.812-.417s-21.36-3.456-24.895-4.02C8.879 53.536 1.031 57.71.005 58.286c.518 3.01 2.907 5.345 5.916 5.721H57.7c2.562-.324 4.732-2.096 5.67-4.464"/><path fill="#7a7a7a" d="M41.643 13.1L30.871 53h2.527l9.243-39.566z"/><path fill="#ff0100" d="M51.633 21.21c-.033-.557-2.128-3.924-2.128-4.12s-1.963-2.553-2.026-2.717c-.063-.162-2.386-1.797-2.386-1.797l-2.336-.549l-.021.032c-.647-.077-8.508-.762-13.49 10.11c0 0 10.193-3.534 20.54 4.686c.012.031.04.08.126.097c.064.05.125.088.189.144l.015-.181c.122-.039.276-.12.5-.308c.754-.622 1.051-4.841 1.017-5.397"/><path fill="#2780ff" d="M64 28.829s-5.579-4.05-13.993-1.683c0 0 1.036-11.272-7.497-15.16c0 .001 16.267 2.435 21.49 16.846"/></svg>Cómo usar el icono Beach With Umbrella
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:beach-with-umbrella" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:beach-with-umbrella" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:beach-with-umbrella" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--beach-with-umbrella]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:beach-with-umbrella"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:beach-with-umbrella"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/beach-with-umbrella.svg" alt="Icono Beach With Umbrella" width="24" height="24">El icono Beach With Umbrella en otras colecciones
Preguntas frecuentes sobre Icono Beach With Umbrella
¿El icono Beach With Umbrella es gratis para uso comercial?
Sí. Emoji One (v1) icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Beach With Umbrella en React?
Instala @iconify/react y renderiza <Icon icon="emojione-v1:beach-with-umbrella" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Beach With Umbrella a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/emojione-v1/beach-with-umbrella.svg" alt="Icono Beach With Umbrella">, o pega el código SVG en línea para darle estilo con CSS.