Loopback icon
logos:loopback
The Loopback icon (logos:loopback) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 138 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 × 138
SVG code
<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>How to use the Loopback icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/logos/loopback.svg" alt="Loopback icon" width="24" height="24">Related icons in SVG Logos
Loopback icon in other icon sets
Loopback icon FAQ
Is the Loopback 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 Loopback icon in React?
Install @iconify/react and render <Icon icon="logos:loopback" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Loopback icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/loopback.svg" alt="Loopback icon">, or paste the SVG code inline to style it with CSS.