AI UI Designer Logo
AI UI Designer

Ikona Atlassian

Produktywność#0052CC

Wysokiej jakości przezroczysty plik PNG Atlassian do sieci i druku.

Zoptymalizowany wektorowy kod SVG Atlassian dla programistów.

Gotowy do użycia komponent ikony React Atlassian.

Use Atlassian in a generated UI

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

Jak używać ikony Atlassian

Skopiuj ikonę Atlassian jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.

Wbudowany SVG

Wklej SVG Atlassian bezpośrednio do HTML lub JSX.

Komponent React

Użyj Atlassian jako typowanego komponentu ikony React.

import React from 'react';

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

Osadzanie HTML

Użyj hostowanego adresu URL ikony Atlassian z przypisaniem autorstwa.

Maska CSS

Użyj Atlassian jako ikony maski CSS, której można zmieniać kolor.

.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;
}

Szczegóły ikony Atlassian

Kolor marki

#0052CC

Kategoria

Produktywność

Formaty

SVG, PNG, React, HTML, maska CSS

SVG viewBox

0 0 24 24

Plik SVG

Nieznane · 1 ścieżka

Licencja

Sprawdź wytyczne marki

O ikonie Atlassian

icons.aboutParagraph1

Przed użyciem logo Atlassian w projektach komercyjnych, dokumentacji, makietach UI lub na stronach marketingowych, skorzystaj z linków do źródła i wytycznych marki na tej stronie, aby zweryfikować aktualne zasady użytkowania znaków towarowych.

Tagi:softwaretoolscollaboration

Ikona Atlassian - Najczęściej Zadawane Pytania

Design a UI with the Atlassian icon

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

Atlassian Powiązane ikony