AI UI Designer Logo
AI UI Designer

ไอคอน AdonisJS

การพัฒนา#5A45FF

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

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

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

Use AdonisJS in a generated UI

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

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#5A45FF

หมวดหมู่

การพัฒนา

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

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

สัญญาอนุญาต

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

ที่มา

adonisjs.com

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

adonisjs.notion.site

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

icons.aboutParagraph1

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

แท็ก:nodejsframeworkfullstack

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

Design a UI with the AdonisJS icon

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

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