Pandacss ikonu
logos:pandacss
Pandacss ikonu (logos:pandacss), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 138 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- SVG Logos
- Yazar
- Gil Barbara
- Lisans
- CC0-1.0
- Boyut
- 512 × 138
SVG kodu
<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>Pandacss ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:pandacss"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/pandacss.svg" alt="Pandacss ikonu" width="24" height="24">SVG Logos setindeki benzer ikonlar
Diğer ikon setlerinde Pandacss ikonu
Pandacss ikonu: sık sorulan sorular
Pandacss ikonu ticari kullanım için ücretsiz mi?
Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Pandacss ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:pandacss" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Pandacss ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/logos/pandacss.svg" alt="Pandacss ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.