ICONYZ
Türkçe
IconPark setinden Cycle Arrow ikonu

Cycle Arrow ikonu

icon-park:cycle-arrow

Cycle Arrow ikonu (icon-park:cycle-arrow), IconPark setinden ücretsiz bir SVG ikondur (yapımcı: ByteDance). 48 × 48 ızgara üzerinde çizilmiştir. IconPark icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
IconPark
Yazar
ByteDance
Lisans
Apache-2.0
Boyut
48 × 48
Kategori
Soyut
Etiketler
cyclearrow
SVG indir

SVG kodu

<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 ikonu nasıl kullanılır

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 bileşeni

<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 görseli

<img src="https://iconyz.com/api/public/svg/icon-park/cycle-arrow.svg" alt="Cycle Arrow ikonu" width="24" height="24">

IconPark setindeki benzer ikonlar

Diğer ikon setlerinde Cycle Arrow ikonu

Cycle Arrow ikonu: sık sorulan sorular

Cycle Arrow ikonu ticari kullanım için ücretsiz mi?

Evet. IconPark icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Cycle Arrow ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="icon-park:cycle-arrow" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Cycle Arrow ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/icon-park/cycle-arrow.svg" alt="Cycle Arrow ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: IconPark ikonları →