Ikon Powertoys
thesvg-color:powertoys
Ikon Powertoys (thesvg-color:powertoys) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 256 × 256. theSVG Color 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
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 256 × 256
- Tag
- powertoy
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGBm9k6dsJ" x1="202.55" x2="53.45" y1="257.12" y2="-1.12" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d7ccb3"/><stop offset="1" stop-color="#f2e6ca"/></linearGradient><linearGradient id="SVG31d5Vb1r" x1="134.91" x2="84.09" y1="145.01" y2="56.99" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="0" stop-color="#ffb900"/><stop offset="1" stop-color="#fef000"/></linearGradient><linearGradient id="SVGNkDYwdkq" x1="98.76" x2="48.91" y1="144.52" y2="58.19" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="0" stop-color="#d83b01"/><stop offset="1" stop-color="#ec6725"/></linearGradient><linearGradient id="SVGS7MHIdqx" x1="171.91" x2="121.09" y1="145.01" y2="56.99" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="0" stop-color="#56b60e"/><stop offset="1" stop-color="#66eb6e"/></linearGradient><linearGradient id="SVGoHkAy0YS" x1="207.09" x2="157.24" y1="143.81" y2="57.48" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="0" stop-color="#0078d4"/><stop offset="1" stop-color="#28afea"/></linearGradient><linearGradient id="SVGPw8KTPmY" x1="80.07" x2="59.93" y1="203.45" y2="168.55" href="#SVGBm9k6dsJ"/><linearGradient id="SVGhyK3qbxA" x1="138.07" x2="117.93" y1="203.45" y2="168.55" href="#SVGBm9k6dsJ"/><linearGradient id="SVGYynIxcxi" x1="196.07" x2="175.93" y1="203.45" y2="168.55" href="#SVGBm9k6dsJ"/></defs><rect width="224" height="224" x="16" y="16" fill="url(#SVGBm9k6dsJ)" rx="10.67" ry="10.67"/><path fill="#666" d="M32 32h192v192H32z"/><rect width="148" height="96" x="54" y="53" fill="#fff" opacity=".32" rx="5.31" ry="5.31"/><rect width="148" height="96" x="54" y="53" fill="#fff" opacity=".24" rx="5.31" ry="5.31"/><path fill="url(#SVG31d5Vb1r)" d="M91 53h37v96H91z"/><path fill="url(#SVGNkDYwdkq)" d="M91 149H59.35a5.35 5.35 0 0 1-5.35-5.35v-85.3A5.35 5.35 0 0 1 59.35 53H91z"/><path fill="url(#SVGS7MHIdqx)" d="M128 53h37v96h-37z"/><path fill="url(#SVGoHkAy0YS)" d="M165 53h31.65c2.95 0 5.35 2.4 5.35 5.35v85.31c0 2.95-2.4 5.35-5.35 5.35H165z"/><path fill="none" d="M0 0h256v256H0z"/><rect width="32" height="32" x="54" y="170" fill="url(#SVGPw8KTPmY)" rx="4.67" ry="4.67"/><rect width="32" height="32" x="112" y="170" fill="url(#SVGhyK3qbxA)" rx="4.67" ry="4.67"/><rect width="32" height="32" x="170" y="170" fill="url(#SVGYynIxcxi)" rx="4.67" ry="4.67"/></svg>Cara memakai ikon Powertoys
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:powertoys" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:powertoys" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:powertoys" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--powertoys]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:powertoys"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:powertoys"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/powertoys.svg" alt="Ikon Powertoys" width="24" height="24">FAQ Ikon Powertoys
Apakah ikon Powertoys gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Powertoys di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:powertoys" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Powertoys ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/powertoys.svg" alt="Ikon Powertoys">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.