Ikon Cycle Arrow
icon-park:cycle-arrow
Ikon Cycle Arrow (icon-park:cycle-arrow) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- IconPark
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Abstrak
- Tag
- cyclearrow
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/cycle-arrow.svg" alt="Ikon Cycle Arrow" width="24" height="24">Ikon terkait di IconPark
Ikon Cycle Arrow di set ikon lain
FAQ Ikon Cycle Arrow
Apakah ikon Cycle Arrow gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Cycle Arrow di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:cycle-arrow" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cycle Arrow ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/cycle-arrow.svg" alt="Ikon Cycle Arrow">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.