Иконка Loom

logos:loom

Иконка Loom (logos:loom) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 512 × 155. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 512 × 155

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="155" viewBox="0 0 512 155"><path fill="#222" d="M263.696 54.635c23.521 0 40.264 17.897 40.264 40.625c0 23.095-16.92 40.585-40.264 40.585c-23.352 0-40.263-17.32-40.263-40.585c0-22.893 16.856-40.625 40.263-40.625m84.542 0c23.521 0 40.263 17.897 40.263 40.625c0 23.095-16.929 40.585-40.263 40.585c-23.352 0-40.263-17.32-40.263-40.585c0-22.893 16.856-40.625 40.263-40.625m136.02.078c14.182 0 27.742 8.578 27.742 29.16v49.75h-20.106V88.087c0-8.268-4.056-14.503-13.565-14.503c-8.886 0-14.187 6.862-14.187 15.13v44.912h-20.568v-45.54c0-8.267-4.208-14.502-13.565-14.502c-9.042 0-14.343 6.707-14.343 15.13v44.912h-20.724V56.895h19.795v9.36c4.207-7.484 14.03-11.542 22.445-11.542c10.448 0 18.862 4.525 22.758 12.787c6.074-9.36 14.187-12.787 24.318-12.787M216.85 20.716v112.906h-20.729V20.716zm131.388 52.438c-12.182 0-22.093 9.919-22.093 22.102s9.911 22.102 22.093 22.102s22.093-9.919 22.093-22.102c-.004-12.183-9.916-22.102-22.093-22.102m-84.542.26c-12.044 0-21.842 9.8-21.842 21.851s9.798 21.85 21.842 21.85c12.045 0 21.837-9.8 21.837-21.85s-9.792-21.85-21.837-21.85"/><path fill="#625df5" d="M154.342 68.589H109.21l39.086-22.567l-8.583-14.871l-39.087 22.566l22.562-39.083l-14.872-8.589l-22.561 39.083V0H68.587v45.133L46.017 6.045L31.15 14.63l22.566 39.083L14.629 31.15L6.045 46.018l39.086 22.566H0v17.17h45.127L6.045 108.318l8.584 14.872l39.082-22.562l-22.565 39.083l14.87 8.584l22.566-39.087v45.133h17.169v-45.129l22.561 39.083l14.87-8.584l-22.565-39.087l39.087 22.566l8.584-14.872l-39.082-22.562h45.127V68.59zM77.17 100.52c-12.945 0-23.438-10.492-23.438-23.438S64.226 53.644 77.17 53.644s23.437 10.493 23.437 23.438c0 12.946-10.492 23.438-23.437 23.438"/></svg>

Как использовать иконку Loom

React

import { Icon } from "@iconify/react";

<Icon icon="logos:loom" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:loom" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:loom" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--loom]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:loom"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:loom"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/logos/loom.svg" alt="Иконка Loom" width="24" height="24">

Иконка Loom в других наборах

Вопросы и ответы: Иконка Loom

Можно ли бесплатно использовать иконку Loom в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Loom в React?

Установите @iconify/react и выведите <Icon icon="logos:loom" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Loom на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/loom.svg" alt="Иконка Loom">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →