AI UI Designer Logo
AI UI Designer

ไอคอน NGINX

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

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

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

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

Use NGINX in a generated UI

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

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#009639

หมวดหมู่

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

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

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

สัญญาอนุญาต

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

ที่มา

nginx.com

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

nginx.com

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

icons.aboutParagraph1

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

แท็ก:serverproxyweb

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

Design a UI with the NGINX icon

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

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