Icono Pandacss
logos:pandacss
El icono Pandacss (logos:pandacss) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 138. 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
- 512 × 138
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="138" viewBox="0 0 512 138"><path d="M171.73 124.524h17.314V93.901h.942c2.945 7.184 10.247 12.131 20.023 12.131c15.076 0 25.323-11.071 25.323-32.743c0-21.79-10.247-32.743-25.323-32.743c-9.776 0-17.078 4.829-20.023 12.131h-.942l-.59-10.954H171.73zm31.8-32.508c-9.775 0-14.25-7.655-14.25-15.665v-6.124c0-8.01 4.475-15.665 14.25-15.665c8.481 0 14.017 5.889 14.017 18.727s-5.536 18.727-14.016 18.727m60.609 13.899c9.776 0 17.078-4.83 20.023-12.132h.942v11.072h17.314V41.723H285.81l-.706 10.954h-.942c-2.945-7.302-10.247-12.131-20.023-12.131c-15.076 0-25.206 10.953-25.206 32.743c0 21.672 10.13 32.626 25.206 32.626m6.595-14.016c-8.48 0-14.133-5.89-14.133-18.61c0-12.838 5.653-18.727 14.133-18.727c9.659 0 14.134 7.538 14.134 15.665v6.006c0 8.128-4.475 15.666-14.134 15.666m41.79 12.956h17.315v-35.1c0-8.009 4.947-15.075 13.898-15.075c8.363 0 11.896 5.182 11.896 15.782v34.393h17.314V66.693c0-18.963-9.658-26.147-22.26-26.147c-8.952 0-16.726 4.24-20.141 12.602h-.707l-.707-11.425h-16.607zm91.375 1.06c9.776 0 17.076-4.83 20.02-12.132h.946l.586 11.072h16.727V18.992h-17.313v33.685h-.946c-2.944-7.302-10.244-12.131-20.02-12.131c-15.076 0-25.206 10.953-25.206 32.743c0 21.672 10.13 32.626 25.206 32.626m6.595-14.016c-8.48 0-14.133-5.89-14.133-18.61c0-12.838 5.653-18.727 14.133-18.727c9.66 0 14.136 7.538 14.136 15.665v6.006c0 8.128-4.476 15.666-14.136 15.666m63.226 14.016c9.777 0 17.077-4.83 20.026-12.132h.941v11.072H512V41.723h-16.607l-.706 10.954h-.941c-2.949-7.302-10.249-12.131-20.026-12.131c-15.075 0-25.204 10.953-25.204 32.743c0 21.672 10.129 32.626 25.204 32.626m6.598-14.016c-8.481 0-14.134-5.89-14.134-18.61c0-12.838 5.653-18.727 14.134-18.727c9.658 0 14.134 7.538 14.134 15.665v6.006c0 8.128-4.476 15.666-14.134 15.666"/><path fill="#f6e458" d="M0 15.8C0 7.074 7.074 0 15.8 0h104.854c8.726 0 15.8 7.074 15.8 15.8v106.29c0 8.727-7.074 15.8-15.8 15.8H15.8c-8.726 0-15.8-7.073-15.8-15.8z"/><path d="M87.446 30.822c-7.529-2.162-15.208-2.456-23.033-1.756c-4.38.455-8.59 1.324-12.65 2.85c-8.778 3.296-15.368 9.006-19.298 17.604c-2.817 6.164-3.835 12.712-3.941 19.43c-.113 7.1.777 14.1 2.19 21.043c1.282 6.291 2.989 12.46 5.426 18.415c.232.566.52.757 1.138.755c7.708-.016 15.417-.016 23.125-.016h6.846c.175 0 .35-.01.55-.021q.153-.01.332-.017l-.127-.307a11 11 0 0 0-.216-.507c-.558-1.193-1.127-2.38-1.696-3.567c-1.234-2.576-2.468-5.152-3.584-7.778c-3.385-7.964-5.977-16.163-6.769-24.843c-.348-3.83-.3-7.638.763-11.37c1.214-4.265 3.82-7.276 8.141-8.535c3.968-1.156 7.992-1.149 11.938.128c3.522 1.138 5.818 3.544 6.795 7.147c.75 2.766.75 5.562.182 8.351c-.437 2.148-1.316 4.107-2.9 5.675c-2.84 2.811-6.388 3.458-10.194 3.242a39 39 0 0 1-2.048-.189q-.489-.053-.994-.105q.014.161.02.3c.01.183.019.341.056.493q.241.979.472 1.96c.372 1.577.745 3.154 1.223 4.697a91 91 0 0 0 3.273 8.877c8.835-.69 16.973-2.886 25.61-8.07l.366-.23c3.71-2.31 6.712-5.306 8.783-9.175c3.354-6.265 4.007-12.965 3.011-19.881c-1.028-7.138-4.23-13.128-9.745-17.827c-3.824-3.26-8.246-5.394-13.045-6.773"/></svg>Cómo usar el icono Pandacss
React
import { Icon } from "@iconify/react";
<Icon icon="logos:pandacss" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:pandacss" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:pandacss" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--pandacss]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:pandacss"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:pandacss"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/pandacss.svg" alt="Icono Pandacss" width="24" height="24">Iconos relacionados en SVG Logos
El icono Pandacss en otras colecciones
Preguntas frecuentes sobre Icono Pandacss
¿El icono Pandacss 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 Pandacss en React?
Instala @iconify/react y renderiza <Icon icon="logos:pandacss" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Pandacss a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/pandacss.svg" alt="Icono Pandacss">, o pega el código SVG en línea para darle estilo con CSS.