AI UI Designer Logo
AI UI Designer

ไอคอน avajs

การพัฒนา#4B4B77

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

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

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

Use avajs in a generated UI

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

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#4B4B77

หมวดหมู่

การพัฒนา

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

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

สัญญาอนุญาต

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

ที่มา

github.com

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

icons.aboutParagraph1

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

แท็ก:developmenttestingavajs

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

Design a UI with the avajs icon

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

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