Ikon Carousel
icon-park:carousel
Ikon Carousel (icon-park:carousel) 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
- Komponen
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M4 11C4 9.89543 4.89543 9 6 9H42C43.1046 9 44 9.89543 44 11V35C44 36.1046 43.1046 37 42 37H6C4.89543 37 4 36.1046 4 35V11Z"/><path fill="#43CCF8" stroke="#fff" d="M28 17H20V29H28V17Z"/><path stroke="#fff" stroke-linecap="round" d="M44 17H36V29H44"/><path stroke="#fff" stroke-linecap="round" d="M4 17H12V29H4"/><path stroke="#000" stroke-linecap="round" d="M4 13V33"/><path stroke="#000" stroke-linecap="round" d="M44 13V33"/></g></svg>
Cara memakai ikon Carousel
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:carousel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:carousel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:carousel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--carousel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:carousel"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:carousel"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/carousel.svg" alt="Ikon Carousel" width="24" height="24">
Ikon Carousel di set ikon lain
FAQ Ikon Carousel
Apakah ikon Carousel 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 Carousel di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:carousel" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Carousel ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/carousel.svg" alt="Ikon Carousel">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
