Иконка Cycle Arrow
icon-park:cycle-arrow
Иконка Cycle Arrow (icon-park:cycle-arrow) — бесплатная SVG-иконка из набора IconPark от ByteDance. Она нарисована на сетке 48 × 48. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- IconPark
- Автор
- ByteDance
- Лицензия
- Apache-2.0
- Размер
- 48 × 48
- Категория
- Абстракция
- Теги
- cyclearrow
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M17 16H13C8.02944 16 4 20.0294 4 25C4 29.9706 8.02944 34 13 34C15.4758 34 17.7181 33.0003 19.3453 31.3826C20.9849 29.7525 24 25 24 25C24 25 27.0057 20.2685 28.632 18.6401C30.261 17.009 32.5127 16 35 16C39.9706 16 44 20.0294 44 25C44 29.9706 39.9706 34 35 34H31"/><path d="M35 30L31 34L35 38"/><path d="M13 12L17 16L13 20"/></g></svg>Как использовать иконку Cycle Arrow
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:cycle-arrow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:cycle-arrow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:cycle-arrow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--cycle-arrow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:cycle-arrow"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:cycle-arrow"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/icon-park/cycle-arrow.svg" alt="Иконка Cycle Arrow" width="24" height="24">Похожие иконки в наборе IconPark
Иконка Cycle Arrow в других наборах
Вопросы и ответы: Иконка Cycle Arrow
Можно ли бесплатно использовать иконку Cycle Arrow в коммерческих проектах?
Да. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cycle Arrow в React?
Установите @iconify/react и выведите <Icon icon="icon-park:cycle-arrow" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cycle Arrow на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/icon-park/cycle-arrow.svg" alt="Иконка Cycle Arrow">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.