AI UI Designer Logo
AI UI Designer

ไอคอน Kubernetes

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

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

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

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

Use Kubernetes in a generated UI

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

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#326CE5

หมวดหมู่

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

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

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

สัญญาอนุญาต

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

ที่มา

github.com

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

icons.aboutParagraph1

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

แท็ก:containersorchestration

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

Design a UI with the Kubernetes icon

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

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