Icono Stackblitz
logos:stackblitz
El icono Stackblitz (logos:stackblitz) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 105. 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
- 512 × 105
Código SVG
<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>Cómo usar el icono Stackblitz
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:stackblitz"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/stackblitz.svg" alt="Icono Stackblitz" width="24" height="24">Iconos relacionados en SVG Logos
El icono Stackblitz en otras colecciones
Preguntas frecuentes sobre Icono Stackblitz
¿El icono Stackblitz 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 Stackblitz en React?
Instala @iconify/react y renderiza <Icon icon="logos:stackblitz" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Stackblitz a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/stackblitz.svg" alt="Icono Stackblitz">, o pega el código SVG en línea para darle estilo con CSS.