AI UI Designer Logo
AI UI Designer

ไอคอน Apache

แบรนด์#D22128

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

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

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

Use Apache in a generated UI

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

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#D22128

หมวดหมู่

แบรนด์

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

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

สัญญาอนุญาต

Apache-2.0

ที่มา

apache.org

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

apache.org

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

icons.aboutParagraph1

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

แท็ก:apache

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

Design a UI with the Apache icon

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

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