AI UI Designer Logo
AI UI Designer

ไอคอน Prometheus

โครงสร้างพื้นฐาน#E6522C

ไฟล์ PNG โปร่งใสคุณภาพสูงของ Prometheus สำหรับเว็บและงานพิมพ์

โค้ดเวกเตอร์ SVG ของ Prometheus ที่ปรับแต่งมาเพื่อนักพัฒนา

React icon component ของ Prometheus ที่พร้อมใช้งานทันที

วิธีใช้งานไอคอน Prometheus

คัดลอกไอคอน Prometheus ในรูปแบบ inline SVG, โค้ด React, การฝัง HTML หรือ CSS mask

Inline SVG

วาง SVG ของ Prometheus ลงใน HTML หรือ JSX ได้โดยตรง

React Component

ใช้งาน Prometheus ในรูปแบบ typed React icon component

import React from 'react';

export const PrometheusIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

HTML Embed

ใช้งาน URL ไอคอน Prometheus ที่โฮสต์ไว้พร้อมการระบุที่มา

CSS Mask

ใช้งาน Prometheus เป็นไอคอน CSS mask ที่สามารถเปลี่ยนสีได้

.prometheus-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #e6522c;
  mask: url("https://www.aiuidesigner.com/icons/prometheus.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/prometheus.svg") center / contain no-repeat;
}

รายละเอียดไอคอน Prometheus

สีประจำแบรนด์

#E6522C

หมวดหมู่

โครงสร้างพื้นฐาน

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

847 B · 1 เส้นทาง (path)

สัญญาอนุญาต

ตรวจสอบคำแนะนำการใช้แบรนด์

ที่มา

prometheus.io

เกี่ยวกับไอคอน Prometheus

icons.aboutParagraph1

โปรดตรวจสอบลิงก์ที่มาและแนวทางปฏิบัติของแบรนด์ในหน้านี้ เพื่อยืนยันกฎการใช้เครื่องหมายการค้าในปัจจุบัน ก่อนนำโลโก้ Prometheus ไปใช้ในโปรเจกต์เชิงพาณิชย์, เอกสาร, UI mockup หรือหน้าการตลาด

แท็ก:monitoringmetricsobservability

คำถามที่พบบ่อยเกี่ยวกับไอคอน Prometheus

ลองใช้ AI Icon Generator

ต้องการไอคอนที่ไม่เหมือนใครใช่ไหม? ใช้ SVG Generator ที่ขับเคลื่อนด้วย AI ของเราเพื่อสร้างไอคอนระดับมืออาชีพที่คุณกำหนดเองได้ในไม่กี่วินาที

ลองใช้ AI Icon Generator

Prometheus ไอคอนที่เกี่ยวข้อง