Ikon Plugin Jigsaw Puzzle
streamline-freehand-color:plugin-jigsaw-puzzle
Ikon Plugin Jigsaw Puzzle (streamline-freehand-color:plugin-jigsaw-puzzle) adalah ikon SVG gratis dari set Freehand color icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Freehand color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Freehand color icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 24 × 24
- Kategori
- Pemrograman, aplikasi, dan situs web
- Tag
- pluginjigsaw, jigsawpuzzle, pluginjigsawpuzzle
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="m22.252 12.657l-.25-.6a.53.53 0 0 0-.539-.309c-.32.05-.649.17-.999.2a.42.42 0 0 1-.379-.22a.44.44 0 0 1 0-.439q.2-.368.51-.649c.08-.08.309-.27.439-.42a.74.74 0 0 0 .2-.459a.84.84 0 0 0-.05-.36c0-.129-.17-.309-.19-.389l-.59-1.208a5 5 0 0 0-.329-.56a.7.7 0 0 0-.4-.259a.9.9 0 0 0-.389 0c-.12 0-.3.15-.37.18l-.928.44c-.09-.1-.18-.18-.2-.2a1.9 1.9 0 0 0-.798-.51a2.2 2.2 0 0 0-.92-.09c-.53.058-1.016.32-1.357.73a1.9 1.9 0 0 0-.45 1.447a2.2 2.2 0 0 0 .19.61l-.38.16l-.598.289c-.52.45-.3.928.26.709l.628-.25c.18-.06.42-.1.63-.17q.184-.063.349-.17a.51.51 0 0 0 .12-.608c0-.06-.11-.21-.11-.22l-.12-.44a1 1 0 0 1 .26-.679a1 1 0 0 1 .669-.23a1 1 0 0 1 .42.08a.8.8 0 0 1 .299.22s.21.36.29.48a.72.72 0 0 0 .588.35a.9.9 0 0 0 .34-.13l.32-.19l.888-.35l.55 1.079l.05.15l-.17.12c-.36.378-.618.842-.75 1.347a1.45 1.45 0 0 0 .3 1.229a1.39 1.39 0 0 0 1.059.599c.317-.014.63-.074.928-.18c.08.12.19.24.19.25c.2.389.43.778.63 1.168c.05.11.089.23.139.34c-.19.09-.37.189-.57.269c-.409.17-.838.27-1.257.41c-.42.14-.86.339-1.268.509l-1.518.928l-.999.49a.45.45 0 0 0 .37.818c.9-.27 1.782-.603 2.636-.998c.29-.12.589-.23.879-.37c.289-.14.599-.3.878-.459a10 10 0 0 0 .859-.62l-.06 1.11c0 .678 0 .868-.849 1.467q-.93.565-1.927.999c-.56.3-1.158.559-1.747.809c-.31.14-.64.27-.999.399c0-.25.09-1.288-.36-1.288s-.778.25-.649 1.078c.05.33.1.22.21.54l-2.496.998c-.919.39-1.768.859-2.676 1.228q-.555.23-1.139.38a.384.384 0 0 0 .17.749a9 9 0 0 0 1.278-.37c.939-.3 1.828-.699 2.756-.998c1.259-.44 2.547-.82 3.775-1.309a20.5 20.5 0 0 0 2.456-1.188a15 15 0 0 0 1.997-1.258a3.6 3.6 0 0 0 .999-1.328a.7.7 0 0 0 .08-.34c0-.22-.1-.529-.11-.679c-.07-3.035.769-.479-.7-3.864"/><path fill="#020202" d="M8.432 23.142a3 3 0 0 1-1.348-1.178a20 20 0 0 1-1.338-2.786c-.24-.52-.46-1.049-.68-1.578c-.359-.799-1.477-3.625-1.507-3.715c-.28-.689-.609-1.368-.879-2.057c-.11-.28-.22-.559-.32-.849c-.099-.29-.249-.818-.349-1.238a7 7 0 0 1-.18-.759a1.3 1.3 0 0 1 .33-1.258c.18-.25.38-.48.58-.709q.141 1.235.419 2.447c.2.888.529 1.577.799 2.476c.1.32.13.48.31.949a.55.55 0 0 0 .998-.36c-.15-.39-.19-.519-.31-.809A36 36 0 0 1 3.86 8.723c-.18-.74-.36-1.428-.5-2.137c0 0 0-.06-.06-.1c1.209-.44 2.407-.999 3.625-1.428a13 13 0 0 1 1.648-.5q.553-.27 1.148-.429c.1.19.25.46.37.74q.172.357.24.748c0 .12 0 0 0 0a1.7 1.7 0 0 1-.24.32a3.1 3.1 0 0 0-.56.819a1.35 1.35 0 0 0 0 1.098c.139.398.392.746.73.999a1.68 1.68 0 0 0 1.238.29h.19a.3.3 0 0 0 0 .099l.329.829c.3.519.859.05.769-.37l-.25-.779a6 6 0 0 0-.22-.639a.51.51 0 0 0-.399-.3a.65.65 0 0 0-.29 0c-.08 0-.37.07-.36.17a.65.65 0 0 1-.369-.17a1.1 1.1 0 0 1-.3-.478a.3.3 0 0 1 0-.25q.224-.327.52-.59c.218-.23.376-.511.46-.818a2 2 0 0 0-.15-.999a9.5 9.5 0 0 0-.72-1.507a.79.79 0 0 0-.788-.35q-.856.16-1.688.42a13 13 0 0 0-1.717.698c-1.268.57-2.507 1.289-3.735 1.878l-.22.15c-.329.339-.688.689-.998 1.068q-.34.399-.61.849a.9.9 0 0 0-.079.33c0 .219.05.538.05.668c0 .31.06.61.12.919s.16.869.25 1.308q.15.662.389 1.298c.22.6.47 1.198.699 1.797c.43 1.089.849 2.177 1.318 3.246c.33.719.689 1.428 1.068 2.117c.455.98.99 1.922 1.598 2.816a3.74 3.74 0 0 0 1.887 1.368a.36.36 0 0 0 .39-.14a.35.35 0 0 0 .21.1a.37.37 0 0 0 .399-.36q.168-.675.23-1.368c-.27-.52-.56-.689-.999-.31c-.103.426-.12.867-.05 1.299"/><path fill="#0c6fff" d="m11.608 1.743l.279.36c.1.11.2.22.31.319c.998.998.998.998 1.258.909c.45-.22-.2-1.518-.28-1.658a2 2 0 0 0-.33-.44a2.3 2.3 0 0 0-.399-.359C11.138-.124 10.91.215 10.82.355s-.04.36.789 1.388m3.913 1.248c.11 0 .32.11.838-.998q.081-.158.12-.33c0-.11 0-.22.06-.33c.1-1.058.14-1.198-.13-1.318c-.11 0-.429-.22-.998.999a1.4 1.4 0 0 0-.14.36q-.057.18-.07.369s-.05 1.248.32 1.248m3.694.999c.15-.07.29-.15.43-.23l.429-.27c1.168-.769 1.398-.818 1.268-1.178c-.06-.15-.15-.47-1.797.08a4 4 0 0 0-.54.24a3.3 3.3 0 0 0-.489.34c-.24.219-1.208 1.237-.848 1.577c.359.34.23.13 1.547-.56M15.991 17.21l-.57-1.478c.17-.1.36-.18.37-.19a2.7 2.7 0 0 0 .77-1.058a1.8 1.8 0 0 0 .089-.998a1.5 1.5 0 0 0-.659-.999a2.28 2.28 0 0 0-1.488-.35l-.579.12l-.13-.16l-.629-1.118s-.18-.569-.35-.619c-.479-.14-1.387.71-1.767.939q-.222.135-.46.24c-.089 0-.498.15-.658.23a.58.58 0 0 0-.25.289a.7.7 0 0 0 0 .27c0 .15.13.449.13.569c.016.253-.029.506-.13.739a.86.86 0 0 1-.4.439a.41.41 0 0 1-.399 0a2 2 0 0 1-.569-.48q-.23-.285-.5-.539a1 1 0 0 0-.568-.21a2 2 0 0 0-.42.07c-.36.08-.729.27-1.068.31h-.13c-.32-.13-1.178.45-1.058.789c0 .07.998 2.377 1.348 3.195c.26.65.519 1.288.799 1.918q.286.727.718 1.378q.271.332.63.569a3 3 0 0 0 2.566.13a13.6 13.6 0 0 0 1.997-.72q.93-.451 1.807-.998c.25-.15.72-.34 1.079-.57c0 .08.689-.409.749-.648a1.8 1.8 0 0 0-.27-1.059m-.929-2.516s-.449.3-.599.42a.64.64 0 0 0-.25.668l.58 1.788l.1.18l-.2.11c-.34.19-.759.359-.999.489c-.549.33-1.108.639-1.697.918a13 13 0 0 1-1.768.69c-.293.1-.599.164-.908.19a1.6 1.6 0 0 1-.78-.13a1.1 1.1 0 0 1-.399-.37a8 8 0 0 1-.579-.999a48 48 0 0 1-1.128-2.276c-.36-.77-.55-1.239-.819-1.868h.21c1.837-.479 1.158-.37 1.528 0c.33.366.75.641 1.218.8a1.48 1.48 0 0 0 1.188-.13a1.82 1.82 0 0 0 .759-.82c.22-.455.303-.965.24-1.467a.7.7 0 0 0-.13-.25c.14-.07.29-.19.33-.21q.278-.15.539-.33c.31-.219.609-.468.928-.688l.6 1.188q.085.259.229.49a.53.53 0 0 0 .31.19q.204.03.409 0c.2 0 .43-.1.61-.11c.246-.015.491.04.708.159a.59.59 0 0 1 .33.41a.82.82 0 0 1-.11.519q-.186.253-.44.439z"/></g></svg>Cara memakai ikon Plugin Jigsaw Puzzle
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:plugin-jigsaw-puzzle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:plugin-jigsaw-puzzle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:plugin-jigsaw-puzzle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--plugin-jigsaw-puzzle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:plugin-jigsaw-puzzle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:plugin-jigsaw-puzzle"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/plugin-jigsaw-puzzle.svg" alt="Ikon Plugin Jigsaw Puzzle" width="24" height="24">Ikon terkait di Freehand color icons
Ikon Plugin Jigsaw Puzzle di set ikon lain
FAQ Ikon Plugin Jigsaw Puzzle
Apakah ikon Plugin Jigsaw Puzzle gratis untuk penggunaan komersial?
Ya. Freehand color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Plugin Jigsaw Puzzle di React?
Pasang @iconify/react lalu render <Icon icon="streamline-freehand-color:plugin-jigsaw-puzzle" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Plugin Jigsaw Puzzle ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/plugin-jigsaw-puzzle.svg" alt="Ikon Plugin Jigsaw Puzzle">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.