Icono Punipuni
selfhst:punipuni
El icono Punipuni (selfhst:punipuni) es un icono SVG gratuito de la colección selfh.st/icons de selfh.st. Está dibujado en una cuadrícula de 512 × 512. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- selfh.st/icons
- Autor
- selfh.st
- Licencia
- CC-BY-4.0
- Tamaño
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><circle cx="256" cy="256" r="256" fill="#7545b3" fill-rule="evenodd"/><path fill="#ebebeb" fill-rule="evenodd" d="M375 248.3c-7.6 1-233.2 1-240 0c-9.2-1.3-17.4-7.4-22-16.3c-2.9-5.8-3.1-15-.3-26.1c14.7-58.1 57.9-102 113.2-115.1c7.3-1.8 12-2.2 25.1-2.6c14-.3 17.5-.1 27.1 1.5c23.1 3.9 41.7 12 61.1 26.4c28 20.7 49.8 52.8 59.2 87c2.9 10.7 3.4 14.9 2.2 20.6c-2.8 13.9-12 22.8-25.6 24.6m-49.1 162.8c-.3-2.3-1.9-5-5.3-9c-9.5-11.5-15.6-24.9-19.6-42.5c-3.1-13.4-3.8-24.7-3.8-58.5c0-29.2-.1-31.1-1.6-33.7c-3.8-6.3-12.5-7.1-17.7-1.6l-2.8 3.1v34.6c0 46.7 1.9 61.4 10.2 82.7c5.3 13.4 14.4 28 22 34.9c2.8 2.5 4.1 3.1 7 3.1c7.3-.1 12.6-6 11.6-13.1m69.6-20.9c5.4-2.8 7.4-8.8 5.3-15.2c-.6-1.5-2.8-4.1-5.5-6.1c-6.7-5.3-16.2-15.6-21.9-23.9c-12-17.8-17.5-38.1-17.5-64.2c0-9-.3-10.9-1.6-13.3c-4.1-6.9-13.6-7-18.7-.6c-1.6 2-1.8 3.4-1.8 16.8c0 35 7.6 57.8 27.1 82.4c7.6 9.3 21.3 22.8 25.2 24.5c3.4 1.5 5.7 1.4 9.4-.4M176.6 267.4c-4.7-7.1-14.9-7.1-19.1-.1c-1.5 2.3-1.6 4.4-1.6 15c0 21.2-3.1 35.9-10.7 51.4c-6.9 14-16 25.5-29 36c-8.2 6.6-7.6 17.2.9 20.9c6.3 2.8 9.3 1.2 21.3-10.7c20.3-20.1 31.5-39.7 36.9-64.3c2.5-11.8 3.4-44.9 1.3-48.2m60.4 40.2c.4-33.3.3-37.2-1-39.7c-4.1-8-15.9-8-20.1.1c-1.5 2.9-1.6 5.4-1.6 35.6c0 40.6-1 51.1-7 68.9c-3.4 9.9-7 17.2-12.7 25.1c-2.5 3.4-5.4 7.4-6.4 8.8c-2.8 3.8-2.6 9.8.3 13.4c1.3 1.5 3.1 2.9 4.1 3.4c1 .4 3.5.7 5.5.7c3.4 0 4.1-.3 7.4-3.8c11.4-12 21.9-32.5 27-52.7c3.5-13.9 4.1-22.1 4.5-59.8"/></svg>Cómo usar el icono Punipuni
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:punipuni" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:punipuni" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:punipuni" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--punipuni]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:punipuni"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:punipuni"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/selfhst/punipuni.svg" alt="Icono Punipuni" width="24" height="24">Iconos relacionados en selfh.st/icons
Preguntas frecuentes sobre Icono Punipuni
¿El icono Punipuni es gratis para uso comercial?
Sí. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Punipuni en React?
Instala @iconify/react y renderiza <Icon icon="selfhst:punipuni" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Punipuni a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/punipuni.svg" alt="Icono Punipuni">, o pega el código SVG en línea para darle estilo con CSS.