AI UI Designer Logo
AI UI Designer

ไอคอน Jaeger

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

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

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

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

Use Jaeger in a generated UI

Turn this icon into a login page, dashboard, landing page, or integration screen.

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#66CFE3

หมวดหมู่

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

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

ไม่ทราบข้อมูล

ไฟล์ SVG

ไม่ทราบข้อมูล · 0 เส้นทาง (paths)

สัญญาอนุญาต

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

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

icons.aboutParagraph1

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

แท็ก:tracingmonitoringcncf

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

Design a UI with the Jaeger icon

Generate a complete page that already uses this icon, color, and brand context.

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