Icono Umbrella
icon-park:umbrella
El icono Umbrella (icon-park: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
- Seguridad
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M16.7273 27C19.1515 24.5758 21.5758 23.3636 24 23.3636C26.4242 23.3636 28.8485 24.5758 31.2727 27C34.101 24.5758 36.2222 23.3636 37.6364 23.3636C39.0505 23.3636 41.1717 24.5758 44 27C44 15.9543 35.0457 7 24 7C12.9543 7 4 15.9543 4 27C6.82828 24.5758 8.9495 23.3636 10.3636 23.3636C11.7778 23.3636 13.899 24.5758 16.7273 27Z"/><path stroke-linecap="round" d="M24 24V38.5536C24 41.5678 26.4858 44.0112 29.5 44.0112C32.5142 44.0112 35 41.5678 35 38.5536"/><path stroke-linecap="round" d="M24 3V7"/></g></svg>
Cómo usar el icono Umbrella
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:umbrella" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:umbrella" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:umbrella" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--umbrella]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park: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:umbrella"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/umbrella.svg" alt="Icono Umbrella" width="24" height="24">
Iconos relacionados en IconPark
El icono Umbrella en otras colecciones
Preguntas frecuentes sobre Icono Umbrella
¿El icono 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 Umbrella en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:umbrella" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono 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/umbrella.svg" alt="Icono Umbrella">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos IconPark →
ICONYZ
