Иконка Activeloop

thesvg:activeloop

Иконка Activeloop (thesvg:activeloop) — бесплатная SVG-иконка из набора theSVG от thesvg.org. Она нарисована на сетке 24 × 24. theSVG icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG
Автор: thesvg.org
Лицензия: MIT
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.736 0a8.5 8.5 0 0 0-2.76.47c-.38.133-1.221.445-1.543.606h.04c.094-.024.9-.151 1.105-.151q.125-.004.248-.004c1.231-.004 2.325.238 3.469 1.063c1.636 1.174 2.762 3.199 3.112 5.101c.296 1.876.058 3.858-.54 5.707c-.86 2.328-2.458 4.135-4.36 5.186l-.038.018c1.657-.19 3.337-.896 4.777-2.043a11 11 0 0 0 3.49-4.94c.792-2.274.747-4.64-.087-6.596l-.008-.02c-.53-1.24-1.362-2.309-2.506-3.094C16.846.422 15.295-.005 13.736 0M9.46 1.083c-1.666.145-3.19.97-3.914 1.45c-1.4.928-2.544 2.11-3.395 3.445c-2.422 3.786-2.545 8.792.094 12.776c3.566 5.385 10.82 6.87 16.212 3.303c5.382-3.568 6.867-10.826 3.3-16.211a11.4 11.4 0 0 0-1.104-1.424l.15.307c.832 1.959.822 4.505.037 6.776a11.2 11.2 0 0 1-1.314 2.593a9.6 9.6 0 0 1-2.233 2.271c-2.743 2.016-5.467 1.666-5.457 1.675c-.888-.028-1.698-.213-2.45-.416c-2.78-.842-4.587-2.905-4.502-5.546c.104-3.255 3.282-5.8 7.104-5.678a8.3 8.3 0 0 1 2.024.322c1.23.35 2.591 1.202 3.424 2.205l.046.055c0-.486-.017-1.099-.18-1.863c-.406-1.893-1.465-3.596-3.13-4.74c-1.239-.853-2.658-1.25-4.086-1.316q-.313-.01-.626.016m2.389 5.459c-3.561.037-6.467 2.46-6.567 5.53c-.08 2.404 1.58 4.509 4.002 5.448a5 5 0 0 1-.16-.2c-1.756-2.347-1.205-6.07 1.388-8.664a8.4 8.4 0 0 1 3.014-1.95s-.629-.142-1.33-.16c-.133-.006-.347-.004-.347-.004"/></svg>

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

React

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

<Icon icon="thesvg:activeloop" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:activeloop" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:activeloop" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="thesvg:activeloop"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки theSVG →