Ikon Pandacss
logos:pandacss
Ikon Pandacss (logos:pandacss) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 138. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 138
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/pandacss.svg" alt="Ikon Pandacss" width="24" height="24">Ikon terkait di SVG Logos
Ikon Pandacss di set ikon lain
FAQ Ikon Pandacss
Apakah ikon Pandacss gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Pandacss di React?
Pasang @iconify/react lalu render <Icon icon="logos:pandacss" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Pandacss ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/pandacss.svg" alt="Ikon Pandacss">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.