Ikon Palette
glyphs-poly:palette
Ikon Palette (glyphs-poly:palette) adalah ikon SVG gratis dari set Glyphs Poly karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs Poly 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
- Glyphs Poly
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2c94c" fill-rule="evenodd" d="M53.57 15.713a27.713 27.713 0 1 0-5.195 50.325l-4.723-9.446a8.9 8.9 0 0 1 7.96-12.88h15.524q.288-1.972.29-4c0-9.9-5.282-19.049-13.857-24" clip-rule="evenodd"/><path fill="#f2c94c" d="m25.856 15.713l-1-1.732zm27.713 0l1-1.732zm-27.713 48l-1 1.732zm22.52 2.325l.625 1.9a2 2 0 0 0 1.163-2.795zm18.76-22.325v2A2 2 0 0 0 69.116 44zm-40.28-26.268a25.71 25.71 0 0 1 25.713 0l2-3.464a29.71 29.71 0 0 0-29.713 0zM14 39.713a25.71 25.71 0 0 1 12.856-22.268l-2-3.464A29.71 29.71 0 0 0 10 39.713zM26.856 61.98A25.71 25.71 0 0 1 14 39.713h-4a29.71 29.71 0 0 0 14.856 25.732zm20.894 2.157a25.72 25.72 0 0 1-20.894-2.157l-2 3.464a29.72 29.72 0 0 0 24.145 2.492zm2.414 1.005l-4.723-9.446l-3.578 1.79l4.724 9.445zm-4.723-9.446a6.9 6.9 0 0 1-.728-3.085h-4c0 1.692.394 3.36 1.15 4.874zm-.728-3.085a6.9 6.9 0 0 1 6.9-6.9v-4c-6.02 0-10.9 4.88-10.9 10.9zm6.9-6.9h15.523v-4H51.612zm13.813-6c0 1.254-.091 2.494-.27 3.712l3.96.577a30 30 0 0 0 .31-4.288zM52.569 17.446a25.71 25.71 0 0 1 12.857 22.268h4A29.71 29.71 0 0 0 54.569 13.98z"/><path fill="#bb6bd9" stroke="#bb6bd9" stroke-linecap="square" stroke-linejoin="round" stroke-width="4" d="M23.414 45.463a2.598 2.598 0 1 1 2.598 4.5a2.598 2.598 0 0 1-2.598-4.5Z"/><path fill="#219653" stroke="#219653" stroke-linecap="square" stroke-linejoin="round" stroke-width="4" d="M24.414 28.463a2.598 2.598 0 1 1 2.598 4.5a2.598 2.598 0 0 1-2.598-4.5Z"/><path fill="#2f80ed" stroke="#2f80ed" stroke-linecap="square" stroke-linejoin="round" stroke-width="4" d="M38.701 20.75a2.598 2.598 0 1 1 2.598 4.5a2.598 2.598 0 0 1-2.598-4.5Z"/><path fill="#eb5757" stroke="#eb5757" stroke-linecap="square" stroke-linejoin="round" stroke-width="4" d="M52.701 28.75a2.598 2.598 0 1 1 2.598 4.5a2.598 2.598 0 0 1-2.598-4.5Z"/></g></svg>
Cara memakai ikon Palette
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:palette" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:palette" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:palette" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--palette]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:palette"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:palette"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/palette.svg" alt="Ikon Palette" width="24" height="24">
Ikon Palette di set ikon lain
FAQ Ikon Palette
Apakah ikon Palette gratis untuk penggunaan komersial?
Ya. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Palette di React?
Pasang @iconify/react lalu render <Icon icon="glyphs-poly:palette" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Palette ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs-poly/palette.svg" alt="Ikon Palette">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs Poly →
ICONYZ
