Pandacss icon

logos:pandacss

The Pandacss icon (logos:pandacss) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 138 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 138

Download SVG

SVG code

<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>

How to use the Pandacss icon

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>

HTML image

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

Related icons in SVG Logos

Pandacss icon in other icon sets

Pandacss icon FAQ

Is the Pandacss icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Pandacss icon in React?

Install @iconify/react and render <Icon icon="logos:pandacss" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Pandacss icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/pandacss.svg" alt="Pandacss icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →