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