Ikon Shuffle
foundation:shuffle
Ikon Shuffle (foundation:shuffle) adalah ikon SVG gratis dari set Foundation karya Zurb. Ikon ini digambar pada grid 100 × 100. Foundation icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Foundation
- Pembuat
- Zurb
- Lisensi
- MIT
- Ukuran
- 100 × 100
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M19.401 62.222H8.022a2.536 2.536 0 0 0-3.013 2h-.047v11h.076a2.53 2.53 0 0 0 2.078 1.906v.094h17v-.061c1.739-.021 3.23-1.008 4.002-2.443L38.63 64.206L28.024 53.599zm75.25-31.446l-18.614-13.26a1.25 1.25 0 0 0-1.319-.094a1.28 1.28 0 0 0-.688 1.146l.002 5.599H59.116v.026a4.58 4.58 0 0 0-2.781 1.138l-.021-.021L45.722 35.9l10.607 10.607l7.341-7.341h10.368l.002 6.005c0 .481.271.924.7 1.146s.946.183 1.34-.099l18.576-13.346c.338-.241.461-.631.461-1.046v-.003c-.001-.417-.126-.806-.466-1.047"/><path fill="currentColor" d="M94.578 67.126L76.002 53.781a1.289 1.289 0 0 0-2.039 1.047l-.002 6.005H63.592L28.04 25.281c-.772-1.435-2.263-2.421-4.001-2.442v-.061h-17v.094a2.53 2.53 0 0 0-2.078 1.906h-.077v11h.049a2.535 2.535 0 0 0 3.013 2h11.378l36.913 36.913l.021-.021a4.6 4.6 0 0 0 2.782 1.138v.026h14.916l-.002 5.599c0 .484.26.928.688 1.146a1.25 1.25 0 0 0 1.319-.093l18.614-13.26c.34-.242.465-.631.465-1.049v-.004c-.001-.415-.124-.806-.462-1.047"/></svg>
Cara memakai ikon Shuffle
React
import { Icon } from "@iconify/react";
<Icon icon="foundation:shuffle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="foundation:shuffle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="foundation:shuffle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--shuffle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:shuffle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="foundation:shuffle"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/foundation/shuffle.svg" alt="Ikon Shuffle" width="24" height="24">
Ikon Shuffle di set ikon lain
FAQ Ikon Shuffle
Apakah ikon Shuffle gratis untuk penggunaan komersial?
Ya. Foundation icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Shuffle di React?
Pasang @iconify/react lalu render <Icon icon="foundation:shuffle" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Shuffle ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/foundation/shuffle.svg" alt="Ikon Shuffle">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Foundation →
ICONYZ
