Ikon Backbone
logos:backbone
Ikon Backbone (logos:backbone) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 92. 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 × 92
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="92" viewBox="0 0 512 92"><path fill="#002a41" d="M103.96 22.425h13.364q9.03 0 13.262 3.066t4.232 9.264q0 4.231-2.582 7.048q-2.583 2.816-7.548 3.615v.2q5.832.867 8.58 3.683q2.75 2.816 2.75 7.847q0 6.732-4.465 10.364q-4.466 3.632-12.663 3.632h-14.93zm3.4 21.694h10.73q6.864 0 9.98-2.283t3.116-7.148t-3.516-7.064t-10.48-2.2h-9.83zm0 2.999v21.027h11.463q13.53 0 13.53-10.997q0-10.03-14.263-10.03zm62.848 6.832h-19.794l-6.798 17.194h-3.766l19.594-48.919h2.166l19.195 48.92h-3.833zm-18.561-3.067h17.428l-6.632-17.561q-.832-2.066-1.999-5.732q-.9 3.2-1.966 5.799zm56.816-26.092q-9.165 0-14.429 5.865t-5.265 16.062q0 10.43 4.965 16.195t14.196 5.765q6.132 0 11.263-1.566v2.999q-4.832 1.7-12.063 1.7q-10.263 0-16.162-6.632q-5.898-6.63-5.898-18.528q0-7.431 2.816-13.096q2.815-5.664 8.097-8.747q5.283-3.083 12.28-3.083q7.132.001 12.763 2.666l-1.366 3.066q-5.332-2.666-11.197-2.666m54.351 46.353h-4.166l-18.694-25.726l-6.498 5.732v19.994h-3.4V22.425h3.4v25.326l5.398-5.398l19.094-19.928h4.332L242.32 43.02zm6.964-48.719h13.363q9.03 0 13.263 3.066q4.232 3.066 4.232 9.264q0 4.231-2.583 7.048q-2.582 2.816-7.548 3.615v.2q5.832.867 8.581 3.683q2.75 2.816 2.75 7.847q-.001 6.732-4.466 10.364t-12.663 3.632h-14.929zm3.4 21.694h10.73q6.864 0 9.98-2.283q3.115-2.282 3.115-7.148t-3.515-7.064q-3.516-2.2-10.48-2.2h-9.83zm0 2.999v21.027h11.462q13.53 0 13.53-10.997q0-10.03-14.263-10.03zm80.342-.4q0 11.597-5.798 18.345q-5.799 6.748-15.996 6.748q-10.163 0-15.961-6.748q-5.799-6.749-5.799-18.412q0-11.63 5.849-18.31q5.848-6.682 15.978-6.682q10.197 0 15.962 6.714t5.765 18.345m-39.855 0q0 10.464 4.665 16.179q4.666 5.715 13.396 5.714q8.798 0 13.446-5.665q4.65-5.665 4.65-16.228q0-10.53-4.65-16.145q-4.648-5.615-13.379-5.615q-8.698 0-13.413 5.665t-4.715 16.095m86.441 24.426h-3.432L367.816 27.89h-.267q.4 7.731.4 11.663v31.591h-3.266V22.425h3.4l28.824 43.187h.2q-.3-5.997-.3-11.396v-31.79h3.3zm40.388 0H413.87V22.425h26.625v3.133h-23.226v18.427h21.927v3.133h-21.927v20.894h23.226zm9.597-2.599q0-3.266 2.666-3.266q2.733 0 2.733 3.266t-2.733 3.266q-2.666-.001-2.666-3.266m9.764 14.895q-3.066 0-5.032-.9v-2.932q2.6.666 4.965.667q8.065 0 8.065-8.798V22.425h3.399v48.72q0 12.295-11.397 12.295m51.818-24.859q0 6.099-4.482 9.664q-4.483 3.566-11.913 3.566q-8.932 0-13.696-1.967v-3.399q5.264 2.233 13.43 2.233q5.998 0 9.513-2.749q3.516-2.75 3.516-7.215q0-2.764-1.167-4.582q-1.166-1.816-3.798-3.315q-2.634-1.5-7.731-3.233q-7.466-2.565-10.314-5.548q-2.85-2.982-2.85-7.948q0-5.464 4.283-8.914t11.013-3.449q6.865 0 12.896 2.6l-1.233 2.932q-6.064-2.532-11.596-2.533q-5.4 0-8.598 2.5t-3.199 6.798q0 2.7.983 4.432q.984 1.733 3.216 3.115q2.233 1.384 7.665 3.316q5.697 1.966 8.564 3.816q2.865 1.85 4.182 4.198q1.316 2.35 1.316 5.682M.292.535V49.85L37 70.775V56.55L12.443 42.553V20.566l24.556 13.998V21.46z"/><path fill="#0071b5" d="M73.706.535V49.85L36.999 70.775V56.55l24.556-13.998V20.566L37 34.564V21.46z"/><path fill="#0071b5" d="M.292 91.72V42.407L37 21.48v14.224L12.443 49.703V70.57l24.556-13.998v14.223z"/><path fill="#002a41" d="M73.706 91.72V42.407L36.999 21.48v14.224l24.556 13.998V70.57L37 56.573v14.223z"/></svg>Cara memakai ikon Backbone
React
import { Icon } from "@iconify/react";
<Icon icon="logos:backbone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:backbone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:backbone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--backbone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:backbone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:backbone"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/backbone.svg" alt="Ikon Backbone" width="24" height="24">Ikon terkait di SVG Logos
Ikon Backbone di set ikon lain
FAQ Ikon Backbone
Apakah ikon Backbone 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 Backbone di React?
Pasang @iconify/react lalu render <Icon icon="logos:backbone" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Backbone ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/backbone.svg" alt="Ikon Backbone">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.