Icono Sunny Sharp
ion:sunny-sharp
El icono Sunny Sharp (ion:sunny-sharp) es un icono SVG gratuito de la colección IonIcons de Ben Sperry. Está dibujado en una cuadrícula de 512 × 512. IonIcons se publican bajo la licencia MIT, 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
- IonIcons
- Autor
- Ben Sperry
- Licencia
- MIT
- Tamaño
- 512 × 512
- Etiquetas
- sunnysharp
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M234 26h44v92h-44zm0 368h44v92h-44zm104.025-251.143l65.054-65.054l31.113 31.113l-65.054 65.054zM77.815 403.074l65.054-65.054l31.113 31.113l-65.054 65.053zM394 234h92v44h-92zm-368 0h92v44H26zm312.028 135.14l31.113-31.113l65.054 65.054l-31.113 31.112zM77.802 108.92l31.113-31.113l65.053 65.054l-31.112 31.113zM256 358a102 102 0 1 1 102-102a102.12 102.12 0 0 1-102 102"/></svg>Cómo usar el icono Sunny Sharp
React
import { Icon } from "@iconify/react";
<Icon icon="ion:sunny-sharp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ion:sunny-sharp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ion:sunny-sharp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ion--sunny-sharp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ion -->
<div class="i-ion:sunny-sharp"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ion:sunny-sharp"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/ion/sunny-sharp.svg" alt="Icono Sunny Sharp" width="24" height="24">Iconos relacionados en IonIcons
El icono Sunny Sharp en otras colecciones
Preguntas frecuentes sobre Icono Sunny Sharp
¿El icono Sunny Sharp es gratis para uso comercial?
Sí. IonIcons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Sunny Sharp en React?
Instala @iconify/react y renderiza <Icon icon="ion:sunny-sharp" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Sunny Sharp a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ion/sunny-sharp.svg" alt="Icono Sunny Sharp">, o pega el código SVG en línea para darle estilo con CSS.