AI UI Designer Logo
AI UI Designer

Ikon Atlassian

Produktivitas#0052CC

PNG transparan Atlassian berkualitas tinggi untuk web & cetak.

Kode vektor SVG Atlassian yang dioptimalkan untuk pengembang.

Komponen ikon React Atlassian yang siap digunakan.

Use Atlassian in a generated UI

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

Cara menggunakan Ikon Atlassian

Salin ikon Atlassian sebagai SVG inline, kode React, sematan HTML, atau CSS mask.

SVG Inline

Tempelkan SVG Atlassian langsung ke dalam HTML atau JSX.

Komponen React

Gunakan Atlassian sebagai komponen ikon React yang bertipe.

import React from 'react';

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

Sematkan HTML

Gunakan URL ikon Atlassian yang di-host dengan atribusi.

CSS Mask

Gunakan Atlassian sebagai ikon CSS mask yang warnanya bisa diubah.

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

Detail Ikon Atlassian

Warna merek

#0052CC

Kategori

Produktivitas

Format

SVG, PNG, React, HTML, CSS mask

SVG viewBox

0 0 24 24

File SVG

Tidak diketahui · 1 path

Lisensi

Periksa panduan merek

Tentang Ikon Atlassian

icons.aboutParagraph1

Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo Atlassian dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.

Tag:softwaretoolscollaboration

Atlassian Ikon Pertanyaan yang Sering Diajukan

Design a UI with the Atlassian icon

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

Atlassian Ikon Terkait