ICONYZ
Bahasa Indonesia
Ikon Puppeteer dari Devicon Plain

Ikon Puppeteer

devicon-plain:puppeteer

Ikon Puppeteer (devicon-plain:puppeteer) adalah ikon SVG gratis dari set Devicon Plain karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon Plain 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
Devicon Plain
Pembuat
konpa
Lisensi
MIT
Ukuran
128 × 128
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M104.874 70.65v-4.247a4.54 4.54 0 0 0-4.539-4.539h-72.67a4.54 4.54 0 0 0-4.539 4.54v4.246zm0 50.621V72.554H23.126v48.717a4.54 4.54 0 0 0 4.539 4.539h72.67a4.54 4.54 0 0 0 4.539-4.539m-76.783-61.31l.283-3.087l-1.2 3.111c.162-.012.325-.025.49-.025zm71.32-5.204l.418 5.203h.506c.27 0 .535.022.796.055zm5.763 7.407a6.4 6.4 0 0 1 1.604 4.24v54.867a6.45 6.45 0 0 1-6.443 6.443h-72.67a6.45 6.45 0 0 1-6.443-6.443V66.403c0-1.721.682-3.284 1.787-4.441l6.423-16.65l2.801-30.597l3.16.29l-2.524 27.568l.89.343l-1.207 3.128l-1.274 13.916h65.368l-3.628-45.032l3.163-.255l2.14 26.559h.001zm-76.882 2.804a1.438 1.438 0 1 1 0 2.875a1.438 1.438 0 0 1 0-2.875m4.916 0a1.438 1.438 0 1 1 0 2.876a1.438 1.438 0 0 1 0-2.876m4.76 0a1.438 1.438 0 1 1 0 2.876a1.438 1.438 0 0 1 0-2.876"/><path fill="currentColor" d="M33.26 96.166c.247-.285.377-.66.377-1.127s-.13-.827-.377-1.113c-.26-.286-.624-.421-1.092-.421H29.88v3.082h2.288c.468 0 .832-.135 1.092-.42Zm-1.092-4.51c.988 0 1.768.3 2.353.917c.585.616.871 1.443.871 2.466c0 1.037-.286 1.85-.858 2.465c-.585.617-1.365.933-2.366.933H29.88v4.149h-1.77v-10.93zm9.54 6.703V95.17h1.904v7.199h-1.904v-.649c-.578.577-1.328.865-2.265.865c-.866 0-1.558-.288-2.092-.85s-.794-1.285-.794-2.179V95.17h1.905v3.982c0 .505.13.924.403 1.227c.26.302.606.461 1.053.461c1.198 0 1.79-.822 1.79-2.481m9.333 1.976q.562-.585.562-1.558c0-.973-.188-1.183-.562-1.572c-.39-.39-.866-.592-1.458-.592q-.8 0-1.428.606c-.418.404-.62.923-.62 1.558s.202 1.154.62 1.544q.628.606 1.428.606c.592 0 1.068-.202 1.458-.592m-1.126-5.38c.938 0 1.775.36 2.482 1.081c.707.736 1.053 1.645 1.053 2.741s-.346 2.005-1.053 2.727c-.707.721-1.53 1.081-2.482 1.081q-1.406 0-2.38-.778v3.996h-1.904V95.17h1.904v.578c.635-.534 1.428-.794 2.38-.794Zm10.386 5.38q.563-.585.563-1.558c0-.973-.188-1.183-.563-1.572c-.39-.39-.865-.592-1.457-.592q-.8 0-1.428.606c-.418.404-.62.923-.62 1.558s.202 1.154.62 1.544q.629.606 1.428.606c.592 0 1.068-.202 1.457-.592m-1.125-5.38c.938 0 1.774.36 2.482 1.081c.706.736 1.053 1.645 1.053 2.741s-.347 2.005-1.053 2.727c-.708.721-1.53 1.081-2.482 1.081q-1.406 0-2.38-.778v3.996h-1.904V95.17h1.904v.578c.635-.534 1.428-.794 2.38-.794Zm6.347 2.985H69c-.116-.447-.332-.778-.635-.995a1.8 1.8 0 0 0-1.068-.332a1.9 1.9 0 0 0-1.096.346a1.6 1.6 0 0 0-.678.981m1.774-2.986c.981 0 1.833.347 2.54 1.025c.706.692 1.067 1.572 1.11 2.654v.65h-5.481q.15.756.649 1.211c.331.303.706.461 1.154.461c.822 0 1.413-.317 1.788-.952l1.703.361c-.303.736-.765 1.284-1.37 1.659q-.91.562-2.121.562c-1.04 0-1.92-.36-2.626-1.067c-.707-.707-1.068-1.63-1.068-2.74s.361-2.035 1.082-2.756c.707-.707 1.588-1.068 2.64-1.068m8.9 5.857c.361 0 .766-.115 1.198-.346l.548 1.587c-.663.361-1.284.534-1.875.534c-.88 0-1.573-.246-2.078-.722c-.504-.475-.75-1.183-.75-2.15v-2.986h-1.543V95.17h1.543v-2.178h1.905v2.178h2.351v1.558h-2.351v2.843c0 .822.346 1.24 1.053 1.24Zm3.996-2.87h3.477c-.115-.448-.332-.78-.635-.996a1.8 1.8 0 0 0-1.068-.332a1.9 1.9 0 0 0-1.096.346a1.6 1.6 0 0 0-.678.981Zm1.774-2.987c.982 0 1.833.347 2.54 1.025c.707.692 1.067 1.572 1.11 2.654v.65h-5.481q.15.756.649 1.211a1.65 1.65 0 0 0 1.154.461c.822 0 1.414-.317 1.789-.952l1.702.361c-.303.736-.765 1.284-1.37 1.659q-.909.562-2.121.562c-1.039 0-1.919-.36-2.626-1.067s-1.068-1.63-1.068-2.74s.361-2.035 1.083-2.756c.706-.707 1.587-1.068 2.64-1.068Zm6.78 2.986h3.477c-.115-.447-.332-.778-.635-.995a1.8 1.8 0 0 0-1.068-.332a1.9 1.9 0 0 0-1.096.346a1.6 1.6 0 0 0-.678.981m1.774-2.986c.982 0 1.833.347 2.54 1.025c.707.692 1.067 1.572 1.11 2.654v.65H88.69q.15.756.649 1.211a1.65 1.65 0 0 0 1.154.461c.822 0 1.414-.317 1.789-.952l1.702.361c-.303.736-.764 1.284-1.37 1.659q-.909.562-2.121.562c-1.039 0-1.919-.36-2.626-1.067s-1.068-1.63-1.068-2.74s.361-2.035 1.083-2.756c.706-.707 1.587-1.068 2.64-1.068Zm9.579.116c.217 0 .39.014.505.057l-.101 1.833h-.418c-1.717 0-2.568 1.024-2.568 3.087v2.322h-1.904v-7.198h1.904v1.312c.65-.938 1.515-1.413 2.582-1.413m-8.33-50.742l10.274-4.96v-4.96L78.308 23.073l23.736-12.222V6.067l-9.92-4.605L64.02 15.455L35.441 1.462l-9.21 4.96v4.25l22.318 12.223L26.23 34.232v5.136l9.566 4.96l28.341-14.525z"/><path fill="currentColor" d="M93.059 42.305v-2.136l7.734-4.008v2.4zm-66.205-6.2l7.472 4.29v1.708l-7.472-3.78zm38.277-9.021l25.707 12.701v2.554L65.13 29.17v-2.085ZM36.548 40.157l26.361-13.07v2.082l-26.36 13.338v-2.35ZM55.214 18.8L28.537 5.92l6.91-3.512L64.02 17.221L92.116 2.415l7.153 3.664L73.254 19.17c-1.04.523-1.038 2.009.003 2.53l25.746 12.886l-6.673 3.458l-28.31-14.506L35.21 38.34l-6.58-3.778L55.228 21.34c1.054-.523 1.046-2.03-.014-2.542Zm-28.028-8.516V7.94l24.88 12.412l-2.515 1.006zm51.017 11.211c-.034-.02-2.383-1.129-2.383-1.129L100.793 7.8v2.354l-22.59 11.342Zm2.5 1.231l21.949-11.02a.66.66 0 0 0 .362-.588V5.903a.66.66 0 0 0-.358-.585L92.419.074a.66.66 0 0 0-.598-.001L64.315 14.031a.66.66 0 0 1-.591.002L35.734.069a.66.66 0 0 0-.592.002L24.992 5.23a.66.66 0 0 0-.36.587v5.299c0 .25.142.479.366.59l22.041 10.89L25.1 33.487a.66.66 0 0 0-.365.577l-.095 5.21a.66.66 0 0 0 .36.6l10.54 5.332a.66.66 0 0 0 .592 0l27.591-13.854a.66.66 0 0 1 .594.002l27.247 13.854c.183.092.4.095.584.005l10.495-5.08a.66.66 0 0 0 .371-.593v-5.444a.66.66 0 0 0-.368-.59z"/></svg>

Cara memakai ikon Puppeteer

React

import { Icon } from "@iconify/react";

<Icon icon="devicon-plain:puppeteer" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="devicon-plain:puppeteer" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="devicon-plain:puppeteer" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--puppeteer]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:puppeteer"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon-plain:puppeteer"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/devicon-plain/puppeteer.svg" alt="Ikon Puppeteer" width="24" height="24">

Ikon Puppeteer di set ikon lain

Ikon Puppeteer dari Catppuccin Icons
Catppuccin Icons
 Ikon Puppeteer dari Devicon
Devicon
 Ikon Puppeteer dari Material Icon Theme
Material Icon Theme
 Ikon Puppeteer dari SVG Logos
SVG Logos
 Ikon Puppeteer dari Simple Icons
Simple Icons
 Ikon Puppeteer dari theSVG
theSVG
 Ikon Puppeteer dari theSVG Color
theSVG Color

FAQ Ikon Puppeteer

Apakah ikon Puppeteer gratis untuk penggunaan komersial?

Ya. Devicon Plain icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Puppeteer di React?

Pasang @iconify/react lalu render <Icon icon="devicon-plain:puppeteer" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Puppeteer ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon-plain/puppeteer.svg" alt="Ikon Puppeteer">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Devicon Plain →