AI UI Designer Logo
AI UI Designer

ไอคอน Apache Kafka

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

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

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

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

Use Apache Kafka in a generated UI

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

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#231F20

หมวดหมู่

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

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

2.7 KB · 1 เส้นทาง (path)

สัญญาอนุญาต

Apache-2.0

ที่มา

apache.org

แนวทางปฏิบัติของแบรนด์

apache.org

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

icons.aboutParagraph1

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

แท็ก:streamingdatamessaging

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

Design a UI with the Apache Kafka icon

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

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