Ikon Stackbit
logos:stackbit
Ikon Stackbit (logos:stackbit) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 87. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 87
Kode 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>Cara memakai ikon 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>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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/stackbit.svg" alt="Ikon Stackbit" width="24" height="24">Ikon terkait di SVG Logos
Ikon Stackbit di set ikon lain
FAQ Ikon Stackbit
Apakah ikon Stackbit gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Stackbit di React?
Pasang @iconify/react lalu render <Icon icon="logos:stackbit" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Stackbit ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/stackbit.svg" alt="Ikon Stackbit">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.