Ikon Loopback
logos:loopback
Ikon Loopback (logos:loopback) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 138. 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 × 138
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="138" viewBox="0 0 512 138"><path fill="#3f5dff" d="m108.44 102.557l18.927 10.782l-41.65 24.331l-40.634-23.187l17.897-11.491l22.622 12.912zM30.766 31.273l.072 21.795l-11.926 6.956l.086 18.303l15.912 9.072l72.574-42.345l.073 21.796l-72.545 42.315L.202 89.312L0 49.242zm109.092-.478l30.998 17.68l.014 39.953l-34.606 20.215l-42.156-24.041l18.752-10.985l23.288 13.26l15.81-9.231l-.1-18.303l-11.927-6.811zM85.138 0l47.924 27.331l.16 48.098l-18.898-10.782l-.087-26.346l-28.969-16.52L56.43 38.62l.073 26.33l-6.42 3.754l-12.39 7.941l-.145-48.822zM63.227 45.344l13.622 7.753l-13.564 7.913z"/><path fill="#001956" d="M338.494 50.155c9.449 0 14.666 7.014 14.666 19.463c0 12.256-5.058 19.385-14.233 19.602l-.433.005a10.535 10.535 0 0 1-10.303-7.087h-.29v20.55h-9.159V51.01h9.159v6.16h.29a10.32 10.32 0 0 1 10.303-7.015m118.904-.058c7.52 0 12.463 3.58 14.68 9.449l-7.521 3.362a6.97 6.97 0 0 0-6.842-5.458l-.317.01c-5.072 0-7.652 3.579-7.652 8.81v6.797c0 5.231 2.58 8.694 7.652 8.694c4.347 0 6.521-2.507 7.883-5.796l7.072 3.39c-2.435 6.58-7.666 9.87-14.897 9.87c-11.072 0-17.303-7.58-17.303-19.665c0-11.956 6.231-19.463 17.245-19.463m-200.187 0c10.666 0 17.39 7.507 17.39 19.463c0 11.955-6.652 19.607-17.39 19.607s-17.317-7.521-17.317-19.607c0-11.956 6.651-19.463 17.317-19.463m38.214 0c10.724 0 17.39 7.507 17.39 19.463c0 11.955-6.666 19.607-17.39 19.607s-17.39-7.521-17.39-19.607c0-11.956 6.667-19.463 17.39-19.463m122.817.058c10.144 0 15.462 4.797 15.462 13.304v17.607h3.71v7.246h-5.072c-3.942 0-6.376-2.58-6.942-6.435h-.434c-1.218 4.797-5.29 7.246-10.884 7.246c-7.637.102-11.94-4.26-11.94-10.868c0-7.667 5.796-11.449 15.94-11.449h6.449v-2.768c0-4.159-2.072-6.579-6.942-6.579a9.72 9.72 0 0 0-8.506 4.71l-5.449-4.855c2.724-4.347 7.086-7.159 14.608-7.159M218.04 38.417v41.577h19.694v8.405h-29.128V38.417zm268.355-3.014v31.881h.348l4.942-6.724l8.376-9.593h10.376l-12.883 14.491l14.245 22.94h-10.883l-9.593-16.752l-4.928 5.377v11.376h-9.173V35.403zm-103.15 3.014c8.23 0 13.23 5.072 13.23 12.81c0 7.74-4.347 10.45-8.941 10.739v.42c4.347 0 10.81 3.16 10.81 11.594c0 8.028-5.52 14.317-12.882 14.317h-25.404v-49.88zM424.53 72.27h-5.797c-4.927 0-7.246 1.637-7.246 4.535v1.218c0 3 2.073 4.507 5.652 4.507c4.043.072 7.39-1.812 7.39-5.319zM257.21 57.488c-4.797 0-7.724 3.087-7.724 8.695v6.942c0 5.651 3 8.694 7.724 8.694s7.797-3.043 7.797-8.694v-6.942c0-5.58-3-8.695-7.797-8.695m38.156 0c-4.782 0-7.738 3.087-7.738 8.695v6.942c0 5.651 3.014 8.694 7.738 8.694s7.797-3.043 7.797-8.694v-6.942c0-5.58-3.014-8.695-7.797-8.695m40.142.174c-4.347 0-7.651 2.362-7.651 6.014v11.883c0 3.87 3.29 6.087 7.651 6.087c4.724 0 8.014-3.391 8.014-8.739v-6.434c0-5.304-3.29-8.811-8.014-8.811m47.127 9.275h-13.173v13.419h13.173c3.58 0 5.724-1.928 5.724-5.435v-2.463c0-3.507-2.145-5.521-5.724-5.521m-1.507-20.506h-11.666v12.81h11.666a4.942 4.942 0 0 0 5.448-5.303V51.72c0-3.362-2.014-5.289-5.448-5.289"/></svg>Cara memakai ikon Loopback
React
import { Icon } from "@iconify/react";
<Icon icon="logos:loopback" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:loopback" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:loopback" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--loopback]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:loopback"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:loopback"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/loopback.svg" alt="Ikon Loopback" width="24" height="24">Ikon terkait di SVG Logos
Ikon Loopback di set ikon lain
FAQ Ikon Loopback
Apakah ikon Loopback 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 Loopback di React?
Pasang @iconify/react lalu render <Icon icon="logos:loopback" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Loopback ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/loopback.svg" alt="Ikon Loopback">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.