Ikon Puzzle
simple-line-icons:puzzle
Ikon Puzzle (simple-line-icons:puzzle) adalah ikon SVG gratis dari set Simple line icons karya Sabbir Ahmed. Ikon ini digambar pada grid 1024 × 1024. Simple line 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
- Simple line icons
- Pembuat
- Sabbir Ahmed
- Lisensi
- MIT
- Ukuran
- 1024 × 1024
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 1024.16c-20.288 0-39.378-7.87-53.746-22.19L21.742 565.474c-29.536-29.68-29.536-77.952-.065-107.568l159.904-159.872c9.873-9.872 25.025-12.224 37.44-5.743c12.369 6.464 19.12 20.223 16.69 33.967c-1.632 9.153-2.369 16.497-2.369 23.12c0 70 56.976 128.145 127.008 128.145c70.096 0 121.28-58.144 121.28-128.144c0-70.096-51.184-127.088-121.28-127.088c-6.56 0-13.87.751-23.023 2.368c-13.872 2.56-27.504-4.32-33.968-16.689c-6.464-12.4-4.128-27.568 5.744-37.44L458.191 21.41c28.88-28.752 78.816-28.688 107.567-.064L674.91 130.562C697.694 59.746 764.19 8.337 842.446 8.337c97.025 0 175.97 78.976 175.97 176.031c0 78.256-51.377 144.752-122.225 167.504l106.032 105.968c29.6 29.68 29.6 77.952.031 107.601l-436.448 436.464c-14.431 14.384-33.52 22.256-53.807 22.256zM174.895 395.218L66.99 503.09c-4.656 4.688-4.656 12.433.063 17.185l436.368 436.384c6.128 6.064 10.945 6.129 17.185-.064l436.352-436.384c4.689-4.72 4.689-12.4-.031-17.151L803.023 349.252c-9.632-9.632-12.128-24.32-6.193-36.56s18.848-19.505 32.528-17.84l4.88.623c2.688.369 5.377.817 8.193.817c61.744 0 111.968-50.193 111.968-111.904c0-61.777-50.224-112.032-111.968-112.032c-61.712 0-111.936 50.256-111.936 112.032c0 2.56.4 5.056.752 7.567l.688 5.712a32 32 0 0 1-18.03 32.288c-12.161 5.808-26.817 3.312-36.401-6.257L520.56 66.674c-6.128-6.064-10.944-6.129-17.185.064l-97.12 97.12c83.28 20.624 139.376 95.968 139.376 185.536c0 105.312-79.92 192.128-185.296 192.128c-89.536-.016-164.848-63.088-185.439-146.304z"/></svg>
Cara memakai ikon Puzzle
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:puzzle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:puzzle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:puzzle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--puzzle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:puzzle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:puzzle"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/simple-line-icons/puzzle.svg" alt="Ikon Puzzle" width="24" height="24">
Ikon Puzzle di set ikon lain
FAQ Ikon Puzzle
Apakah ikon Puzzle gratis untuk penggunaan komersial?
Ya. Simple line icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Puzzle di React?
Pasang @iconify/react lalu render <Icon icon="simple-line-icons:puzzle" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Puzzle ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/simple-line-icons/puzzle.svg" alt="Ikon Puzzle">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Simple line icons →
ICONYZ
