Icono Sunshade
icon-park:sunshade
El icono Sunshade (icon-park:sunshade) 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
- Viajes
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-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M40.1032 25.8171C39.2068 28.0998 30.4308 28.8255 21.3618 26.3955C12.2929 23.9655 6.5828 19.5523 7.2617 17.0172C8.79543 11.2933 16.9744 2.46226 28.6712 6.68869C40.368 10.9151 41.6369 20.0931 40.1032 25.8171Z"/><path d="M27.9995 7.00001C27.9995 7.00001 23.9993 13.5 20.9995 24C17.9997 34.5 17.9997 42 17.9997 42"/><path d="M28.0003 6.99998C28.0003 6.99998 17.7941 8.84351 15 17"/><path d="M28.0003 7.00001C28.0003 7.00001 34 13 30.9998 22"/><path d="M10 43C10 43 19 41.5 26 41.5C33 41.5 39 42 39 42"/><path d="M27.9999 6.99988C29 6.99988 31 5.99988 31.8145 4.41966"/><path d="M34 41C34 39.3431 33 37 30 37C27 37 26 39.3431 26 41"/></g></svg>Cómo usar el icono Sunshade
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:sunshade" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:sunshade" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:sunshade" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--sunshade]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:sunshade"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:sunshade"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/sunshade.svg" alt="Icono Sunshade" width="24" height="24">El icono Sunshade en otras colecciones
Preguntas frecuentes sobre Icono Sunshade
¿El icono Sunshade 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 Sunshade en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:sunshade" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Sunshade a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/sunshade.svg" alt="Icono Sunshade">, o pega el código SVG en línea para darle estilo con CSS.