Ikon Puppeteer

devicon:puppeteer

Ikon Puppeteer (devicon:puppeteer) adalah ikon SVG gratis dari set Devicon karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon 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
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="#dfdedf" d="M106.01 71.762H21.86v-4.745a5.773 5.773 0 0 1 5.773-5.773h72.602a5.773 5.773 0 0 1 5.774 5.773z"/><path fill="#fff" d="M100.147 126.796H27.722a5.863 5.863 0 0 1-5.862-5.862V71.762h84.15v49.172a5.86 5.86 0 0 1-5.863 5.862"/><path fill="#00d8a2" d="m91.832 44.428l10.297-4.971v-4.971l-23.79-11.36l23.79-12.25V6.081l-9.942-4.615L64.02 15.49L35.377 1.466l-9.23 4.971v4.26l22.368 12.25l-22.369 11.362v5.148l9.587 4.97L64.137 29.87z"/><path d="M35.671.07a.66.66 0 0 0-.593.001L24.905 5.243a.66.66 0 0 0-.36.587v5.31c0 .251.142.48.366.592l7.202 3.559L30.7 30.739l-5.687 2.823a.66.66 0 0 0-.366.58l-.094 5.22a.66.66 0 0 0 .36.6l4.722 2.389l-.28 3.063l-6.436 16.688a6.42 6.42 0 0 0-1.792 4.45v54.99A6.464 6.464 0 0 0 27.583 128h72.834a6.464 6.464 0 0 0 6.456-6.458V66.553a6.42 6.42 0 0 0-1.608-4.25l-6.586-20.12l4.05-1.96a.66.66 0 0 0 .371-.595v-5.455a.66.66 0 0 0-.368-.592l-5.163-2.537l-1.294-16.066l6.463-3.246a.66.66 0 0 0 .362-.59V5.917a.66.66 0 0 0-.358-.585L92.483.075a.66.66 0 0 0-.6-.002l-27.568 13.99a.66.66 0 0 1-.591.002zm-.287 2.345L64.02 17.26L92.178 2.42l7.17 3.673l-26.073 13.12c-1.043.525-1.04 2.013.003 2.535l25.804 12.916l-6.689 3.467L64.02 23.59L35.147 38.425l-6.595-3.786L55.21 21.388c1.056-.524 1.049-2.033-.014-2.546v.002L28.458 5.934zm65.49 5.404v2.359l-22.64 11.367v-.002c-.033-.02-2.387-1.132-2.387-1.132zm-73.77.14L52.04 20.397l-2.521 1.008l-22.415-11.099zm66.103 8.56l1.04 12.895l-13.507-6.636zm-58.04.281L47 22.647l-12.956 6.432zm29.966 10.345l25.765 12.73v2.56l-25.765-13.2v-2.088zm-2.227.004v2.087L36.488 42.603v-2.356zm.816 4.273a.66.66 0 0 1 .595.002L91.626 45.31a.66.66 0 0 0 .585.006l3.193-1.547l1.315 16.327H31.205l1.278-13.947l.76-1.97l2.233 1.129a.66.66 0 0 0 .595 0zm-36.951 4.765l7.49 4.298v1.713l-7.49-3.79zm74.104.055v2.405L93.123 42.4v-2.14zM99.489 54.88l1.724 5.27a6 6 0 0 0-.796-.056h-.51zM28.294 57l-.282 3.094h-.429a7 7 0 0 0-.491.024zm-.71 5h72.833a4.55 4.55 0 0 1 4.547 4.55v4.258H23.036v-4.256a4.55 4.55 0 0 1 4.547-4.551zm.63 3.113a1.441 1.441 0 0 0 0 2.882a1.441 1.441 0 1 0 0-2.882m4.925 0a1.441 1.441 0 0 0 0 2.882a1.441 1.441 0 1 0 0-2.882m4.772 0a1.441 1.441 0 0 0 0 2.882a1.441 1.441 0 1 0 0-2.882m-14.875 7.603h81.928v48.825a4.55 4.55 0 0 1-4.547 4.55H27.583a4.55 4.55 0 0 1-4.547-4.55zM28.03 91.86v10.954h1.775v-4.157h2.292q.375 0 .71-.06q.337-.06.633-.177a2.8 2.8 0 0 0 1.028-.7a3 3 0 0 0 .646-1.076q.106-.307.16-.656q.054-.348.055-.737q0-.385-.055-.733a3.7 3.7 0 0 0-.162-.655a2.94 2.94 0 0 0-1.133-1.488a2.8 2.8 0 0 0-.55-.288a3.2 3.2 0 0 0-.627-.17a4 4 0 0 0-.705-.057zm45.23 1.34v2.182h-1.546v1.562h1.547v2.993q0 .363.047.677q.045.315.139.583q.093.27.235.492q.141.222.33.4q.19.18.415.316t.486.227t.556.137q.296.045.626.045q.222 0 .45-.033q.228-.032.462-.098q.235-.067.476-.168q.242-.1.491-.235l-.55-1.592a3.2 3.2 0 0 1-.626.26a2.2 2.2 0 0 1-.574.087a1.5 1.5 0 0 1-.248-.02a1 1 0 0 1-.216-.058a.84.84 0 0 1-.444-.41a1 1 0 0 1-.08-.213a2 2 0 0 1-.05-.252a2 2 0 0 1-.017-.29v-2.848h2.357v-1.562H75.17V93.2zm-43.455.514h2.292q.044 0 .086.002a2 2 0 0 1 .397.055l.073.021q.037.011.07.024a1.2 1.2 0 0 1 .253.133a1 1 0 0 1 .164.135l.051.05a2 2 0 0 1 .165.23l.033.062l.031.063a2 2 0 0 1 .053.135l.022.07l.021.073l.016.076a2 2 0 0 1 .035.321l.002.087l-.002.086q0 .042-.004.084l-.008.082a2 2 0 0 1-.023.159l-.016.076l-.021.072a1.7 1.7 0 0 1-.139.339a1.4 1.4 0 0 1-.12.176l-.045.055v.002a1.2 1.2 0 0 1-.468.317q-.033.013-.07.024l-.072.021a1.7 1.7 0 0 1-.314.051a2 2 0 0 1-.17.008h-2.292zm20.078 1.45q-.358 0-.685.051a4 4 0 0 0-.627.147a3.3 3.3 0 0 0-1.072.6v-.58H45.59v10.656h1.909v-4.005q.244.195.514.343q.271.146.57.242q.298.098.622.147q.325.05.678.05q.358 0 .693-.07a3.2 3.2 0 0 0 1.243-.542a4 4 0 0 0 1.016-1.05a3.5 3.5 0 0 0 .33-.649q.132-.342.196-.718q.066-.377.065-.789a3.7 3.7 0 0 0-.065-.789a3.6 3.6 0 0 0-.527-1.372a3.8 3.8 0 0 0-1.017-1.061a3.4 3.4 0 0 0-.603-.339a3.2 3.2 0 0 0-.644-.201a3.5 3.5 0 0 0-.687-.069zm9.282 0q-.357 0-.685.051a4 4 0 0 0-.626.147a3.3 3.3 0 0 0-1.073.6v-.58h-1.909v10.656h1.909v-4.005q.244.195.515.343q.27.146.57.242q.297.098.622.147q.325.05.677.05a3.4 3.4 0 0 0 1.335-.273q.31-.135.599-.339a4 4 0 0 0 .803-.753a3.6 3.6 0 0 0 .395-.613a3.8 3.8 0 0 0 .346-1.051q.066-.377.065-.789a3.6 3.6 0 0 0-.065-.789a3.8 3.8 0 0 0-.346-1.055a4 4 0 0 0-.18-.317a4 4 0 0 0-.464-.587a4 4 0 0 0-.556-.474a3.2 3.2 0 0 0-1.247-.54a3.4 3.4 0 0 0-.685-.069zm8.14 0q-.396 0-.758.069a3.45 3.45 0 0 0-1.323.536a3.8 3.8 0 0 0-1.04 1.046a3.5 3.5 0 0 0-.339.655a3.7 3.7 0 0 0-.203.728q-.068.381-.069.8a4.6 4.6 0 0 0 .153 1.172a3.7 3.7 0 0 0 .268.687a3.5 3.5 0 0 0 .65.886q.266.267.564.466a3.45 3.45 0 0 0 1.317.537q.36.068.752.068q.302 0 .587-.035t.55-.106a3.7 3.7 0 0 0 .989-.423a3.3 3.3 0 0 0 .798-.696q.174-.208.317-.449t.257-.518l-1.707-.36a2 2 0 0 1-.323.416q-.181.179-.405.298q-.224.12-.49.18q-.265.06-.573.059q-.17 0-.325-.03a1.6 1.6 0 0 1-.576-.233a2 2 0 0 1-.67-.73a2 2 0 0 1-.14-.323a3 3 0 0 1-.096-.36h5.493v-.652a5 5 0 0 0-.092-.775a4 4 0 0 0-.216-.7a3.5 3.5 0 0 0-.804-1.185a4 4 0 0 0-.56-.446a3.5 3.5 0 0 0-1.274-.515a4 4 0 0 0-.713-.067zm14.702 0q-.395 0-.758.069a3.45 3.45 0 0 0-1.323.536a3.8 3.8 0 0 0-.818.748a3.5 3.5 0 0 0-.56.953a3.7 3.7 0 0 0-.204.728q-.068.381-.068.8a4.6 4.6 0 0 0 .153 1.172a3.7 3.7 0 0 0 .268.687a3.5 3.5 0 0 0 .65.886q.266.267.563.466a3.5 3.5 0 0 0 1.318.537q.36.068.751.068q.304 0 .588-.035a4 4 0 0 0 .552-.106a3.7 3.7 0 0 0 .986-.423a3.3 3.3 0 0 0 .799-.696a3.6 3.6 0 0 0 .573-.967l-1.705-.36a2 2 0 0 1-.323.416q-.18.179-.405.298a2 2 0 0 1-.491.18q-.265.06-.574.059a1.7 1.7 0 0 1-.624-.118a1.7 1.7 0 0 1-.532-.344a2 2 0 0 1-.414-.53a2 2 0 0 1-.14-.324a3 3 0 0 1-.096-.36h5.492v-.652a5 5 0 0 0-.092-.775a4 4 0 0 0-.215-.7a3.5 3.5 0 0 0-.805-1.185a4 4 0 0 0-.56-.446a3.5 3.5 0 0 0-1.272-.515a4 4 0 0 0-.712-.067zm8.574 0q-.397 0-.76.069a3.6 3.6 0 0 0-1.323.536a3.8 3.8 0 0 0-.817.748a3.5 3.5 0 0 0-.56.953a3.7 3.7 0 0 0-.203.728q-.068.381-.068.8a4.6 4.6 0 0 0 .152 1.172a3.7 3.7 0 0 0 .268.687a3.5 3.5 0 0 0 .65.886q.266.267.564.466a3.5 3.5 0 0 0 1.317.537q.36.068.75.068q.305 0 .59-.035a4 4 0 0 0 .55-.106a3.7 3.7 0 0 0 .986-.423a3.3 3.3 0 0 0 1.116-1.145q.143-.241.258-.518l-1.707-.36a2 2 0 0 1-.323.416q-.181.179-.405.298q-.224.12-.49.18a2.6 2.6 0 0 1-.575.059a1.7 1.7 0 0 1-.622-.118a1.7 1.7 0 0 1-.533-.344a2 2 0 0 1-.413-.53a2 2 0 0 1-.14-.324a3 3 0 0 1-.099-.36h5.495v-.652a5 5 0 0 0-.094-.775a4 4 0 0 0-.213-.7a3.5 3.5 0 0 0-.807-1.185a4 4 0 0 0-.558-.446a3.5 3.5 0 0 0-1.274-.515a4 4 0 0 0-.713-.067zm9.599.118a3 3 0 0 0-1.116.2a2.8 2.8 0 0 0-.943.598a4 4 0 0 0-.274.286a4 4 0 0 0-.255.331v-1.313h-1.908v7.213h1.908v-2.328q.001-.387.041-.726q.04-.34.12-.63t.2-.53a2.2 2.2 0 0 1 .281-.435a1.96 1.96 0 0 1 .805-.58q.24-.096.522-.144a3.6 3.6 0 0 1 .605-.047h.42l.1-1.838a1 1 0 0 0-.214-.045a3 3 0 0 0-.292-.012m-63.684.1v4.396q0 .337.049.64q.048.304.148.576a2.8 2.8 0 0 0 1.03 1.339q.231.16.493.266t.554.16q.294.055.619.055q.352 0 .67-.055q.316-.054.6-.162a2.8 2.8 0 0 0 .998-.65v.65h1.909v-7.215h-1.909v3.196q0 .311-.027.584a4 4 0 0 1-.082.507a2.6 2.6 0 0 1-.141.426q-.084.194-.196.349a1.4 1.4 0 0 1-.56.466a1.6 1.6 0 0 1-.364.115a2 2 0 0 1-.423.04a1.6 1.6 0 0 1-.317-.03a1.3 1.3 0 0 1-.526-.233a1.4 1.4 0 0 1-.212-.2a1.4 1.4 0 0 1-.178-.248a1.6 1.6 0 0 1-.127-.29a2 2 0 0 1-.074-.329a3 3 0 0 1-.024-.362v-3.991zm13.054 1.446a2.5 2.5 0 0 1 .425.037a2 2 0 0 1 .56.196q.086.046.168.102q.04.028.08.059t.078.06l.077.069l.074.07a1.9 1.9 0 0 1 .343.498a2 2 0 0 1 .14.395a2.5 2.5 0 0 1 .073.444a3.2 3.2 0 0 1-.027.703a2.4 2.4 0 0 1-.184.603a2 2 0 0 1-.211.343a1.9 1.9 0 0 1-.443.409a1.95 1.95 0 0 1-.936.327a2 2 0 0 1-.415 0a2 2 0 0 1-.378-.077a2 2 0 0 1-.528-.256a2.4 2.4 0 0 1-.474-.419a1.85 1.85 0 0 1-.387-.728a2.2 2.2 0 0 1-.077-.433a3 3 0 0 1 .028-.689a2.2 2.2 0 0 1 .201-.6a2 2 0 0 1 .235-.35a2 2 0 0 1 .307-.299a2.4 2.4 0 0 1 .337-.227a2 2 0 0 1 .358-.152a1.9 1.9 0 0 1 .576-.085m9.282 0a2.5 2.5 0 0 1 .423.037a2 2 0 0 1 .56.196q.086.046.168.102q.04.028.08.059l.079.06q.039.034.076.069l.075.07a1.8 1.8 0 0 1 .342.498a2 2 0 0 1 .143.395a2.8 2.8 0 0 1 .078.683a2.7 2.7 0 0 1-.078.677a2.2 2.2 0 0 1-.239.566a2 2 0 0 1-.246.32a2.1 2.1 0 0 1-.478.357a1.8 1.8 0 0 1-.558.196a2.3 2.3 0 0 1-.622.03a2 2 0 0 1-.378-.077a2 2 0 0 1-.53-.256a2.2 2.2 0 0 1-.326-.266a2 2 0 0 1-.381-.494a2 2 0 0 1-.153-.387a2.2 2.2 0 0 1-.076-.433a3 3 0 0 1 .027-.689a2.2 2.2 0 0 1 .202-.6a2 2 0 0 1 .235-.35a2 2 0 0 1 .307-.299a2 2 0 0 1 .335-.227a2 2 0 0 1 .358-.152a2 2 0 0 1 .577-.085m8.472 0a2 2 0 0 1 .245.016l.072.01a2 2 0 0 1 .245.054a2 2 0 0 1 .227.092l.07.034a2 2 0 0 1 .212.127a1.5 1.5 0 0 1 .303.292a1.6 1.6 0 0 1 .16.25a1 1 0 0 1 .067.141l.03.075a2 2 0 0 1 .053.156l.023.082h-3.484a1.6 1.6 0 0 1 .088-.266l.021-.049a1.6 1.6 0 0 1 .136-.243a1.6 1.6 0 0 1 .178-.21l.043-.042a1.6 1.6 0 0 1 .213-.172a2 2 0 0 1 .223-.133l.06-.03a2 2 0 0 1 .24-.096a2 2 0 0 1 .246-.058l.077-.01a2 2 0 0 1 .252-.02m14.703 0a2 2 0 0 1 .244.016l.073.01a2 2 0 0 1 .245.054a2 2 0 0 1 .227.092l.07.034a2 2 0 0 1 .212.127a1.4 1.4 0 0 1 .21.184q.025.026.048.053l.047.055l.043.058a1.5 1.5 0 0 1 .115.192a2 2 0 0 1 .15.374l.023.082h-3.485v-.002a1.6 1.6 0 0 1 .088-.266l.022-.049a1.6 1.6 0 0 1 .135-.243a1.6 1.6 0 0 1 .178-.211l.043-.041a1.6 1.6 0 0 1 .214-.172a2 2 0 0 1 .223-.133l.06-.03a2 2 0 0 1 .24-.096a2 2 0 0 1 .246-.058l.076-.01a2 2 0 0 1 .253-.02m8.574 0a2 2 0 0 1 .244.016l.073.01a2 2 0 0 1 .244.054a2 2 0 0 1 .227.092l.07.034a2 2 0 0 1 .212.127a1.5 1.5 0 0 1 .464.542q.036.068.067.141l.03.075a2 2 0 0 1 .052.156l.023.082h-3.486a1.6 1.6 0 0 1 .088-.266l.022-.049a1.6 1.6 0 0 1 .135-.243a1.6 1.6 0 0 1 .176-.207l.053-.05a1.6 1.6 0 0 1 .207-.167a2 2 0 0 1 .225-.135l.053-.026a2 2 0 0 1 .243-.098a2 2 0 0 1 .249-.058l.074-.01a2 2 0 0 1 .255-.02"/></svg>

Cara memakai ikon Puppeteer

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon Puppeteer di set ikon lain

FAQ Ikon Puppeteer

Apakah ikon Puppeteer gratis untuk penggunaan komersial?

Ya. Devicon 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: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/puppeteer.svg" alt="Ikon Puppeteer">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Devicon →