Stackbit icon
logos:stackbit
The Stackbit icon (logos:stackbit) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 87 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 × 87
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="87" viewBox="0 0 512 87"><path fill="#002" d="M149.388 6.673c14.25 0 24.186 6.82 28.068 16.157l-11.17 11.189c0-8.845-6.466-15.125-16.898-15.125c-8.452 0-14.501 3.857-14.501 10.22c0 5.794 4.866 8.14 11.4 9.783l1.74.415l1.803.393l6.626 1.366l1.932.432l1.924.47c10.226 2.63 19.645 7.358 19.645 21.569c0 14.918-13.041 23.37-29.734 23.37c-13.99 0-25.636-6.167-30.009-17.557l11.857-11.863c0 10.536 6.88 17.2 18.152 17.2c8.845 0 15.44-4.07 15.44-10.64c0-6.206-5.453-8.524-12.565-10.19l-1.81-.404l-6.692-1.365l-2.937-.645l-1.949-.478c-10.02-2.59-19.118-7.244-19.118-20.932c0-14.083 12.938-23.365 28.796-23.365m51.69 3.77V31.08h15.233v11.503h-15.233V66.79c0 6.152 2.191 7.72 7.41 7.72a43.6 43.6 0 0 0 7.199-.836v11.794c-1.252.485-4.08.88-6.352 1.09l-1.566.12c-.465.029-.863.043-1.158.043c-12.418 0-19.096-5.219-19.096-18.049V42.584h-9.827V31.1h9.827v-7.085zm295.69 0V31.08H512v11.503h-15.232V66.79c0 6.152 2.192 7.72 7.408 7.72a43.6 43.6 0 0 0 7.2-.836v11.794c-1.25.485-4.08.88-6.352 1.09l-1.567.12c-.465.029-.862.043-1.157.043c-12.416 0-19.096-5.219-19.096-18.049V42.584h-9.828V31.1h9.828v-7.085zM334.514 44.55l-12 6.987c-1.247-6.157-6.879-10.014-13.557-10.014c-8.845 0-15.13 6.049-15.13 16.481s6.157 16.52 15.13 16.52c6.467 0 11.995-4.28 13.558-9.704L334.2 71.6c-3.65 8.66-13.145 15.337-25.243 15.337c-17.425 0-29.213-11.793-29.213-28.899c0-17.002 12.206-28.898 29.213-28.898c11.995-.025 22.01 6.653 25.557 15.41m16.993-35.872v42.358L371.85 31.11h18.152l-23.37 22.638l23.891 31.587H373.94l-16.801-22.432l-5.631 5.405v17.027h-13.563V8.678zm55.245 0v28.156c4.172-4.692 10.12-7.72 18.052-7.72c16.064 0 27.328 12.521 27.328 29.11c0 16.379-11.264 28.688-27.432 28.688c-7.932 0-13.876-3.027-18.048-7.72v6.143h-13.46V8.678zm15.34 65.934c9.176 0 15.96-6.574 15.96-16.378c0-10.014-6.784-16.795-15.96-16.795c-8.66 0-15.756 6.57-15.756 16.795c0 10.005 7.12 16.369 15.756 16.369zM455.78 8.678h14.084V22.24H455.78zm13.76 22.432v54.225h-13.564V31.1zM276 30.937l.004 54.397h-13.076l.207-6.8c-4.182 5.022-10.354 8.353-18.619 8.353c-16.216 0-27.518-12.343-27.518-28.766c0-16.633 11.194-29.188 27.41-29.188c7.862 0 13.808 3.032 17.99 7.636v-5.632zm-28.988 43.611c8.683 0 15.902-6.388 15.902-16.422c0-10.255-7.219-16.845-15.902-16.845c-9.1 0-15.901 6.801-15.901 16.845c.039 9.848 6.815 16.437 15.916 16.437z"/><path fill="#ff364e" d="m60.097 26.707l20.805 10.501a10.68 10.68 0 0 1 5.863 8.692l.034.846v24.039a16.025 16.025 0 0 1-15.112 15.998l-.907.026H.054L26.73 60.097h33.366zM86.75 0L60.097 26.707H26.732v33.39L5.872 49.626a10.69 10.69 0 0 1-5.839-8.698L0 40.083V16.049A16.025 16.025 0 0 1 14.973.034L16.024 0z"/></svg>How to use the Stackbit icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:stackbit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:stackbit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:stackbit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--stackbit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:stackbit"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:stackbit"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/stackbit.svg" alt="Stackbit icon" width="24" height="24">Related icons in SVG Logos
Stackbit icon in other icon sets
Stackbit icon FAQ
Is the Stackbit 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 Stackbit icon in React?
Install @iconify/react and render <Icon icon="logos:stackbit" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Stackbit icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/stackbit.svg" alt="Stackbit icon">, or paste the SVG code inline to style it with CSS.