AI UI Designer Logo
AI UI Designer

ไอคอน ClickHouse

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

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

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

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

Use ClickHouse in a generated UI

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

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#FFCC01

หมวดหมู่

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

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

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

สัญญาอนุญาต

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

ที่มา

github.com

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

icons.aboutParagraph1

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

แท็ก:databaseanalyticsdata

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

Design a UI with the ClickHouse icon

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

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