ไอคอน Puppeteer
ไฟล์ PNG โปร่งใสคุณภาพสูงของ Puppeteer สำหรับเว็บและงานพิมพ์
โค้ดเวกเตอร์ SVG ของ Puppeteer ที่ปรับแต่งมาเพื่อนักพัฒนา
React icon component ของ Puppeteer ที่พร้อมใช้งานทันที
Use Puppeteer in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
วิธีใช้งานไอคอน Puppeteer
คัดลอกไอคอน Puppeteer ในรูปแบบ inline SVG, โค้ด React, การฝัง HTML หรือ CSS mask
Inline SVG
วาง SVG ของ Puppeteer ลงใน HTML หรือ JSX ได้โดยตรง
React Component
ใช้งาน Puppeteer ในรูปแบบ typed React icon component
import React from 'react';
export const PuppeteerIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
ใช้งาน URL ไอคอน Puppeteer ที่โฮสต์ไว้พร้อมการระบุที่มา
CSS Mask
ใช้งาน Puppeteer เป็นไอคอน CSS mask ที่สามารถเปลี่ยนสีได้
.puppeteer-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #40b5a4;
mask: url("https://www.aiuidesigner.com/icons/puppeteer.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/puppeteer.svg") center / contain no-repeat;
}รายละเอียดไอคอน Puppeteer
สีประจำแบรนด์
หมวดหมู่
การพัฒนา
รูปแบบ
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
ไฟล์ SVG
ไม่ทราบข้อมูล · 1 เส้นทาง (path)
สัญญาอนุญาต
ตรวจสอบคำแนะนำการใช้แบรนด์
เกี่ยวกับไอคอน Puppeteer
icons.aboutParagraph1
โปรดตรวจสอบลิงก์ที่มาและแนวทางปฏิบัติของแบรนด์ในหน้านี้ เพื่อยืนยันกฎการใช้เครื่องหมายการค้าในปัจจุบัน ก่อนนำโลโก้ Puppeteer ไปใช้ในโปรเจกต์เชิงพาณิชย์, เอกสาร, UI mockup หรือหน้าการตลาด
คำถามที่พบบ่อยเกี่ยวกับไอคอน Puppeteer
Design a UI with the Puppeteer icon
Generate a complete page that already uses this icon, color, and brand context.