Иконка Loop

foundation:loop

Иконка Loop (foundation:loop) — бесплатная SVG-иконка из набора Foundation от Zurb. Она нарисована на сетке 100 × 100. Foundation icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Foundation
Автор: Zurb
Лицензия: MIT
Размер: 100 × 100

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M83.729 23.57a1.514 1.514 0 0 0-2.393-1.223l-5.944 4.262l-.468.336c-6.405-6.391-15.196-10.389-24.938-10.389c-13.284 0-24.878 7.354-30.941 18.201l.024.013a2.54 2.54 0 0 0 1.028 3.272l8.136 4.697a2.546 2.546 0 0 0 3.48-.932l.015-.034c3.591-6.404 10.438-10.747 18.289-10.747c4.879 0 9.352 1.696 12.914 4.5l-1.001.719l-5.948 4.262a1.511 1.511 0 0 0 .397 2.655l25.447 8.669a1.51 1.51 0 0 0 1.994-1.433zm-3.825 38.388l-.002-.001l-8.136-4.697a2.546 2.546 0 0 0-3.48.932l-.015.034C64.68 64.63 57.833 68.973 49.982 68.973c-4.879 0-9.352-1.696-12.914-4.5l1.001-.719l5.948-4.262a1.511 1.511 0 0 0-.397-2.655l-25.447-8.669a1.51 1.51 0 0 0-1.994 1.433l.092 26.828a1.514 1.514 0 0 0 2.393 1.223l5.944-4.262l.468-.336c6.405 6.391 15.196 10.389 24.938 10.389c13.284 0 24.878-7.354 30.941-18.201l-.025-.012a2.54 2.54 0 0 0-1.026-3.272"/></svg>

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

React

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

<Icon icon="foundation:loop" width="24" />

Vue

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

<template>
  <Icon icon="foundation:loop" width="24" />
</template>

Svelte

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

<Icon icon="foundation:loop" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="foundation:loop"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки Foundation →