Icono Pinia
logos:pinia
El icono Pinia (logos:pinia) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 331. SVG Logos icons se publican bajo la licencia CC0, 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
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 256 × 331
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="331" viewBox="0 0 256 331"><defs><linearGradient id="SVGlph9Sf5o" x1="55.342%" x2="42.817%" y1="0%" y2="42.863%"><stop offset="0%" stop-color="#52ce63"/><stop offset="100%" stop-color="#51a256"/></linearGradient><linearGradient id="SVGWDHq4cKS" x1="55.349%" x2="42.808%" y1="0%" y2="42.863%"><stop offset="0%" stop-color="#52ce63"/><stop offset="100%" stop-color="#51a256"/></linearGradient><linearGradient id="SVGUFY2CcaJ" x1="50%" x2="50%" y1="0%" y2="58.811%"><stop offset="0%" stop-color="#8ae99c"/><stop offset="100%" stop-color="#52ce63"/></linearGradient><linearGradient id="SVGObkTWdMq" x1="51.378%" x2="44.585%" y1="17.473%" y2="100%"><stop offset="0%" stop-color="#ffe56c"/><stop offset="100%" stop-color="#ffc63a"/></linearGradient></defs><path fill="url(#SVGlph9Sf5o)" d="M67.56 173.328c30.366-2.985 41.08-27.648 44.735-64.823c3.654-37.175-21.174-70.814-31.502-69.799s-43.15 40.322-46.805 77.497c-3.654 37.175 3.205 60.11 33.572 57.125" transform="rotate(-38 72.877 106.136)"/><path fill="url(#SVGWDHq4cKS)" d="M184.454 186.277c30.367 2.986 36.394-20.032 32.74-57.207c-3.655-37.175-35.645-76.4-45.973-77.415s-35.989 32.542-32.334 69.717s15.201 61.92 45.567 64.905" transform="rotate(52 178.34 119.085)"/><path fill="url(#SVGUFY2CcaJ)" d="M129.232 151.601c27.341 0 34.878-26.184 34.878-67.013S138.531 3.745 129.232 3.745S93.605 43.758 93.605 84.588c0 40.829 8.286 67.013 35.627 67.013" transform="rotate(7 128.858 77.673)"/><path fill="url(#SVGObkTWdMq)" d="M113.386 330.307c56.896 0 103.038-16.528 103.038-91.482s-46.142-136.462-103.038-136.462c-56.897 0-103.002 61.507-103.002 136.462s46.105 91.482 103.002 91.482"/><ellipse cx="165.427" cy="216.677" fill="#eaadcc" rx="14.717" ry="6.845"/><ellipse cx="57.273" cy="212.57" fill="#eaadcc" rx="14.717" ry="6.845" transform="rotate(7 57.273 212.57)"/><path d="M96.265 210.285a2.054 2.054 0 1 0-3.406 2.295c3.151 4.676 7.998 7.39 14.373 8.119c6.348.725 12.016-.902 16.877-4.852a2.054 2.054 0 1 0-2.59-3.187c-3.998 3.249-8.563 4.559-13.82 3.958c-5.23-.598-8.986-2.7-11.434-6.333M65.819 178.63a14.67 14.67 0 0 1 10.55 3.945a14.67 14.67 0 0 1 4.672 10.25a14.67 14.67 0 0 1-3.945 10.55a14.67 14.67 0 0 1-10.25 4.672a14.67 14.67 0 0 1-10.55-3.945a14.67 14.67 0 0 1-4.671-10.25a14.67 14.67 0 0 1 3.944-10.55a14.67 14.67 0 0 1 10.25-4.672"/><path fill="#fff" d="M66.59 190.932a4.792 4.792 0 1 0-9.579.336a4.792 4.792 0 0 0 9.579-.336"/><path d="M154.99 182.366a14.67 14.67 0 0 1 10.55 3.944a14.67 14.67 0 0 1 4.672 10.25a14.67 14.67 0 0 1-3.945 10.551a14.67 14.67 0 0 1-10.25 4.671a14.67 14.67 0 0 1-10.55-3.945a14.67 14.67 0 0 1-4.672-10.25a14.67 14.67 0 0 1 3.945-10.55a14.67 14.67 0 0 1 10.25-4.671"/><path fill="#fff" d="M65.71 175.552c9.824-.343 18.066 7.342 18.409 17.165s-7.342 18.065-17.166 18.408s-18.064-7.342-18.407-17.166c-.343-9.823 7.341-18.064 17.164-18.407m12.252 17.38c-.224-6.423-5.613-11.448-12.037-11.223c-6.422.224-11.447 5.612-11.222 12.035c.224 6.424 5.612 11.448 12.035 11.224s11.448-5.612 11.224-12.036m76.921-13.645c9.824-.343 18.065 7.342 18.408 17.165s-7.342 18.065-17.165 18.408s-18.065-7.342-18.408-17.165s7.342-18.065 17.165-18.408m12.251 17.38c-.224-6.423-5.612-11.447-12.036-11.223s-11.448 5.613-11.223 12.036s5.612 11.448 12.035 11.224c6.424-.225 11.448-5.613 11.224-12.037"/><path fill="#fff" d="M155.762 194.668a4.792 4.792 0 1 0-9.578.335a4.792 4.792 0 0 0 9.578-.335"/><path fill="#ecb732" d="m38.083 243.16l22.33 23.235l16.022-17.044a3.765 3.765 0 0 1 5.486 5.157l-16.283 17.324l23.1 24.036a3.765 3.765 0 1 1-5.43 5.218l-22.834-23.761l-10.725 11.41a3.765 3.765 0 1 1-5.486-5.158l10.986-11.688l-22.595-23.511a3.765 3.765 0 1 1 5.43-5.218m149.956 0a3.765 3.765 0 1 1 5.429 5.218l-22.596 23.511l10.988 11.688a3.765 3.765 0 0 1-.042 5.201l-.123.121a3.765 3.765 0 0 1-5.322-.165l-10.725-11.41l-22.834 23.762a3.765 3.765 0 0 1-5.197.222l-.127-.116a3.765 3.765 0 0 1-.105-5.324l23.1-24.036l-16.284-17.324a3.765 3.765 0 0 1 .042-5.2l.123-.121a3.765 3.765 0 0 1 5.321.164l16.021 17.044z"/><path fill="#ffc73b" d="M136.602 126.74a3.765 3.765 0 0 1 0 5.323l-17.53 17.531l10.684 10.686a3.765 3.765 0 0 1 .12 5.2l-.12.125a3.765 3.765 0 0 1-5.324 0l-10.686-10.686l-10.686 10.686a3.765 3.765 0 1 1-5.324-5.325l10.685-10.686l-17.53-17.53a3.765 3.765 0 0 1-.12-5.2l.12-.125a3.765 3.765 0 0 1 5.324 0l17.531 17.53l17.531-17.53a3.765 3.765 0 0 1 5.325 0"/></svg>Cómo usar el icono Pinia
React
import { Icon } from "@iconify/react";
<Icon icon="logos:pinia" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:pinia" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:pinia" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--pinia]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:pinia"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:pinia"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/pinia.svg" alt="Icono Pinia" width="24" height="24">El icono Pinia en otras colecciones
Preguntas frecuentes sobre Icono Pinia
¿El icono Pinia es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Pinia en React?
Instala @iconify/react y renderiza <Icon icon="logos:pinia" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Pinia a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/pinia.svg" alt="Icono Pinia">, o pega el código SVG en línea para darle estilo con CSS.