Stackblitz icon
logos:stackblitz
The Stackblitz icon (logos:stackblitz) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 105 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 × 105
SVG code
<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>How to use the Stackblitz icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/logos/stackblitz.svg" alt="Stackblitz icon" width="24" height="24">Related icons in SVG Logos
Stackblitz icon in other icon sets
Stackblitz icon FAQ
Is the Stackblitz 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 Stackblitz icon in React?
Install @iconify/react and render <Icon icon="logos:stackblitz" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Stackblitz icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/stackblitz.svg" alt="Stackblitz icon">, or paste the SVG code inline to style it with CSS.