Icono Pandacss Icon

logos:pandacss-icon

El icono Pandacss Icon (logos:pandacss-icon) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 259. 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 × 259
Etiquetas: pandacssicon

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="259" viewBox="0 0 256 259"><path fill="#f6e458" d="M0 29.642C0 13.272 13.271 0 29.642 0h196.716C242.728 0 256 13.271 256 29.642v199.41c0 16.372-13.271 29.643-29.642 29.643H29.642C13.272 258.695 0 245.424 0 229.052z"/><path d="M164.056 57.825c-14.124-4.057-28.53-4.609-43.212-3.296c-8.216.854-16.114 2.485-23.732 5.347C80.644 66.06 68.28 76.774 60.908 92.904c-5.286 11.564-7.196 23.848-7.395 36.452c-.21 13.32 1.459 26.455 4.11 39.478c2.405 11.804 5.607 23.377 10.179 34.55c.434 1.06.975 1.418 2.135 1.416c14.461-.031 28.923-.031 43.385-.031h12.843c.328 0 .656-.019 1.033-.04l.622-.031l-.238-.575a20 20 0 0 0-.407-.953c-1.045-2.237-2.113-4.464-3.18-6.692c-2.316-4.832-4.63-9.664-6.724-14.591c-6.351-14.94-11.215-30.324-12.699-46.608c-.654-7.185-.564-14.329 1.43-21.33c2.278-8.003 7.168-13.652 15.274-16.014c7.445-2.168 14.993-2.154 22.396.24c6.608 2.137 10.916 6.65 12.748 13.408c1.408 5.19 1.407 10.436.343 15.669c-.82 4.028-2.47 7.705-5.441 10.645c-5.33 5.275-11.985 6.489-19.126 6.084c-1.27-.072-2.537-.21-3.842-.355q-.916-.1-1.864-.197q.025.302.038.562c.018.343.034.64.104.925c.305 1.223.595 2.451.885 3.679c.699 2.958 1.397 5.915 2.295 8.81a170 170 0 0 0 6.14 16.654c16.577-1.294 31.843-5.414 48.047-15.141c.244-.154.465-.292.687-.43c6.96-4.333 12.593-9.954 16.478-17.213c6.291-11.754 7.518-24.324 5.649-37.299c-1.93-13.39-7.938-24.63-18.283-33.445c-7.174-6.115-15.47-10.12-24.474-12.706"/></svg>

Cómo usar el icono Pandacss Icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:pandacss-icon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:pandacss-icon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:pandacss-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--pandacss-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:pandacss-icon"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:pandacss-icon"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/logos/pandacss-icon.svg" alt="Icono Pandacss Icon" width="24" height="24">

Iconos relacionados en SVG Logos

Preguntas frecuentes sobre Icono Pandacss Icon

¿El icono Pandacss Icon 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 Icon en React?

Instala @iconify/react y renderiza <Icon icon="logos:pandacss-icon" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Pandacss Icon a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/pandacss-icon.svg" alt="Icono Pandacss Icon">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos SVG Logos →