Icono Cycle Arrow
icon-park:cycle-arrow
El icono Cycle Arrow (icon-park:cycle-arrow) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Abstractos
- Etiquetas
- cyclearrow
Código 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>Cómo usar el icono 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>Web component
<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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/cycle-arrow.svg" alt="Icono Cycle Arrow" width="24" height="24">Iconos relacionados en IconPark
El icono Cycle Arrow en otras colecciones
Preguntas frecuentes sobre Icono Cycle Arrow
¿El icono Cycle Arrow es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Cycle Arrow en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:cycle-arrow" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Cycle Arrow a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/cycle-arrow.svg" alt="Icono Cycle Arrow">, o pega el código SVG en línea para darle estilo con CSS.