Stackblitz ikonu
logos:stackblitz
Stackblitz ikonu (logos:stackblitz), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 105 ı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 × 105
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="105" viewBox="0 0 512 105"><path fill="#49a2f8" d="M31.217 61.819H0L57.069 0L41.708 42.796h31.217l-57.074 61.819l15.362-42.796z"/><path d="M140.918 84.748c13.256 0 22.676-6.974 22.676-18.749c0-12.905-10.38-16.131-19.62-18.923c-9.509-2.88-10.99-4.8-10.99-7.588c0-2.442 2.178-4.62 6.54-4.62c5.58 0 8.46 2.704 10.551 7.061l11.775-6.886c-4.446-8.982-12.292-13.782-22.326-13.782c-10.551 0-20.493 6.803-20.493 18.573c0 11.687 8.894 16.048 17.964 18.578c9.157 2.529 12.646 4.01 12.646 7.763c0 2.354-1.657 4.967-8.285 4.967c-6.886 0-10.643-3.398-12.822-8.456l-12.033 6.978c3.402 8.982 11.6 15.084 24.417 15.084m53.487-32.263V39.922h-8.982V27.713l-13.08 3.924v8.289h-6.98v12.559h6.98v15.434c0 12.209 4.966 17.355 22.062 15.61V71.663c-5.756.35-8.982 0-8.982-3.748V52.481h8.982zm38.21-12.563v4.103c-2.879-3.314-7.149-5.322-12.992-5.322c-11.424 0-20.844 10.03-20.844 23.023c0 12.997 9.42 23.022 20.844 23.022c5.843 0 10.117-2.003 12.993-5.317v4.098h13.08V39.926h-13.08zM222.24 72.364c-6.019 0-10.38-4.098-10.38-10.638s4.361-10.64 10.38-10.64c6.018 0 10.376 4.1 10.376 10.644c0 6.536-4.358 10.634-10.376 10.634m53.983 12.384c8.548 0 15.961-4.445 19.713-11.248l-11.428-6.54c-1.394 3.05-4.62 4.883-8.456 4.883c-5.668 0-9.854-4.099-9.854-10.117c0-6.015 4.182-10.118 9.85-10.118c3.84 0 6.979 1.837 8.46 4.884l11.428-6.624c-3.752-6.72-11.252-11.165-19.713-11.165c-13.255 0-23.11 10.03-23.11 23.023c0 12.997 9.855 23.022 23.11 23.022m66.835-1.219l-16.307-21.803l15.873-21.8h-15.263l-13.081 19.1V22.483H301.2v61.045h13.08V64.255l13.953 19.274zm43.094-31.658c3.314-2.88 5.322-6.886 5.322-11.945c0-10.556-8.636-17.446-19.275-17.446h-23.894v61.05h25.64c10.901 0 19.708-7.063 19.708-17.881c0-6.19-2.964-10.898-7.5-13.774zM372.2 35.564c3.227 0 5.322 2.267 5.322 5.405c0 3.143-2.183 5.41-5.322 5.41h-9.942V35.56h9.942zm1.745 34.885h-11.687V58.762h11.687c3.49 0 5.756 2.442 5.756 5.843c0 3.402-2.267 5.844-5.756 5.844m26.216 13.08h13.08V19.867h-13.08zm29.195-47.443a7.93 7.93 0 0 0 7.847-7.847a7.93 7.93 0 0 0-7.847-7.846a7.93 7.93 0 0 0-7.847 7.846a7.93 7.93 0 0 0 7.847 7.847m-6.54 47.443h13.08V39.926h-13.08zm48.207-31.044V39.922h-8.986V27.713l-13.08 3.924v8.289h-6.975v12.559h6.974v15.434c0 12.209 4.971 17.355 22.063 15.61V71.663c-5.756.35-8.982 0-8.982-3.748V52.481h8.982zm23.623 18.836l16.487-22.676v-8.723h-33.14v12.212h15.61l-16.486 22.672v8.723H512V71.321z"/></svg>Stackblitz ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="logos:stackblitz" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:stackblitz" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:stackblitz" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--stackblitz]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:stackblitz"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:stackblitz"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/stackblitz.svg" alt="Stackblitz ikonu" width="24" height="24">SVG Logos setindeki benzer ikonlar
Diğer ikon setlerinde Stackblitz ikonu
Stackblitz ikonu: sık sorulan sorular
Stackblitz 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.
Stackblitz ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:stackblitz" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Stackblitz 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/stackblitz.svg" alt="Stackblitz ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.