AI UI Designer Logo
AI UI Designer

ไอคอน NixOS

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

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

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

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

Use NixOS in a generated UI

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

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#5277C3

หมวดหมู่

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

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

ไม่ทราบข้อมูล

ไฟล์ SVG

ไม่ทราบข้อมูล · 0 เส้นทาง (paths)

สัญญาอนุญาต

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

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

icons.aboutParagraph1

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

แท็ก:linuxnixpackage-manager

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

Design a UI with the NixOS icon

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

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