AI UI Designer Logo
AI UI Designer

ไอคอน Angular

การพัฒนา#DD0031

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

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

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

Use Angular in a generated UI

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

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#DD0031

หมวดหมู่

การพัฒนา

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

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

สัญญาอนุญาต

CC-BY-4.0

ที่มา

angular.dev

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

angular.dev

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

icons.aboutParagraph1

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

แท็ก:javascriptframeworkgoogle

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

Design a UI with the Angular icon

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

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