Atlassian Icoon
Hoge kwaliteit Atlassian transparante PNG voor web & print.
Geoptimaliseerde Atlassian SVG-vectorcode voor ontwikkelaars.
Klaar voor gebruik Atlassian React-icooncomponent.
Use Atlassian in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Hoe gebruik je het Atlassian Icoon
Kopieer het Atlassian icoon als inline SVG, React-code, HTML-embed of CSS-masker.
Inline SVG
Plak de Atlassian SVG direct in HTML of JSX.
React Component
Gebruik Atlassian als een getypeerd React-icooncomponent.
import React from 'react';
export const AtlassianIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Gebruik een gehoste Atlassian icoon-URL met bronvermelding.
CSS-masker
Gebruik Atlassian als een kleurbaar CSS-masker icoon.
.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;
}Atlassian Icoon Details
Merkkleur
Categorie
Productiviteit
Formaten
SVG, PNG, React, HTML, CSS-masker
SVG viewBox
0 0 24 24
SVG-bestand
Onbekend · 1 pad
Licentie
Raadpleeg de merkrichtlijnen
Over het Atlassian Icoon
Het Atlassian icoon is hier beschikbaar als merkicoon in SVG-formaat. Het is gecategoriseerd onder Productiviteit en gebruikt de merkkleur #0052CC. Je kunt het downloaden als een transparante PNG, de inline SVG kopiëren, een React-component kopiëren of het embedden met HTML.
Gebruik de links naar de bron en merkrichtlijnen op deze pagina om de huidige regels voor handelsmerkgebruik te controleren voordat je het Atlassian logo gebruikt in commerciële projecten, documentatie, UI-mockups of marketingpagina's.
Atlassian Icoon Veelgestelde Vragen
Design a UI with the Atlassian icon
Generate a complete page that already uses this icon, color, and brand context.