Иконка Stackbit
logos:stackbit
Иконка Stackbit (logos:stackbit) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 512 × 87. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 512 × 87
Код SVG
<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>Как использовать иконку Stackbit
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>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:stackbit"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/stackbit.svg" alt="Иконка Stackbit" width="24" height="24">Похожие иконки в наборе SVG Logos
Иконка Stackbit в других наборах
Вопросы и ответы: Иконка Stackbit
Можно ли бесплатно использовать иконку Stackbit в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Stackbit в React?
Установите @iconify/react и выведите <Icon icon="logos:stackbit" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Stackbit на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/stackbit.svg" alt="Иконка Stackbit">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.