Ícone Cycle Arrow
icon-park:cycle-arrow
O ícone Cycle Arrow (icon-park:cycle-arrow) é um ícone SVG gratuito da coleção IconPark de ByteDance. Ele é desenhado em uma grade de 48 × 48. IconPark icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- IconPark
- Autor
- ByteDance
- Licença
- Apache-2.0
- Tamanho
- 48 × 48
- Categoria
- Abstratos
- Tags
- 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/icon-park/cycle-arrow.svg" alt="Ícone Cycle Arrow" width="24" height="24">Ícones relacionados em IconPark
O ícone Cycle Arrow em outras coleções
Perguntas frequentes sobre Ícone Cycle Arrow
O ícone Cycle Arrow é grátis para uso comercial?
Sim. IconPark icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Cycle Arrow no React?
Instale @iconify/react e renderize <Icon icon="icon-park:cycle-arrow" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cycle Arrow a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/icon-park/cycle-arrow.svg" alt="Ícone Cycle Arrow">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.