AI UI Designer Logo
AI UI Designer

ไอคอน Jira

ประสิทธิภาพการทำงาน#0052CC

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

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

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

Use Jira in a generated UI

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

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

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

Inline SVG

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

React Component

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

import React from 'react';

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

HTML Embed

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

CSS Mask

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

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

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

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

#0052CC

หมวดหมู่

ประสิทธิภาพการทำงาน

รูปแบบ

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

ไฟล์ SVG

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

สัญญาอนุญาต

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

ที่มา

atlassian.design

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

atlassian.design

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

icons.aboutParagraph1

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

แท็ก:agiletrackingatlassian

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

Design a UI with the Jira icon

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

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