atlassian logo

atlassian from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: atlassian
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 512×512
License: CC BY 4.0

The same logo in other sets

atlassianBoxicons Brands atlassianCoreUI Brands atlassianFont Awesome Brands atlassianLine Awesome atlassianSVG Logos atlassianMaterial Design Icons atlassianSimple Icons

Use the atlassian logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M152.2 236.4c-7.7-8.2-19.7-7.7-24.8 2.8L1.6 490.2c-5 10 2.4 21.7 13.4 21.7h175c5.8.1 11-3.2 13.4-8.4c37.9-77.8 15.1-196.3-51.2-267.1M244.4 8.1c-122.3 193.4-8.5 348.6 65 495.5c2.5 5.1 7.7 8.4 13.4 8.4H497c11.2 0 18.4-11.8 13.4-21.7c0 0-234.5-470.6-240.4-482.3c-5.3-10.6-18.8-10.8-25.6.1"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsAtlassian(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M152.2 236.4c-7.7-8.2-19.7-7.7-24.8 2.8L1.6 490.2c-5 10 2.4 21.7 13.4 21.7h175c5.8.1 11-3.2 13.4-8.4c37.9-77.8 15.1-196.3-51.2-267.1M244.4 8.1c-122.3 193.4-8.5 348.6 65 495.5c2.5 5.1 7.7 8.4 13.4 8.4H497c11.2 0 18.4-11.8 13.4-21.7c0 0-234.5-470.6-240.4-482.3c-5.3-10.6-18.8-10.8-25.6.1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M152.2 236.4c-7.7-8.2-19.7-7.7-24.8 2.8L1.6 490.2c-5 10 2.4 21.7 13.4 21.7h175c5.8.1 11-3.2 13.4-8.4c37.9-77.8 15.1-196.3-51.2-267.1M244.4 8.1c-122.3 193.4-8.5 348.6 65 495.5c2.5 5.1 7.7 8.4 13.4 8.4H497c11.2 0 18.4-11.8 13.4-21.7c0 0-234.5-470.6-240.4-482.3c-5.3-10.6-18.8-10.8-25.6.1"/></svg>
</template>

CSS

.icon-atlassian {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M152.2%20236.4c-7.7-8.2-19.7-7.7-24.8%202.8L1.6%20490.2c-5%2010%202.4%2021.7%2013.4%2021.7h175c5.8.1%2011-3.2%2013.4-8.4c37.9-77.8%2015.1-196.3-51.2-267.1M244.4%208.1c-122.3%20193.4-8.5%20348.6%2065%20495.5c2.5%205.1%207.7%208.4%2013.4%208.4H497c11.2%200%2018.4-11.8%2013.4-21.7c0%200-234.5-470.6-240.4-482.3c-5.3-10.6-18.8-10.8-25.6.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M152.2%20236.4c-7.7-8.2-19.7-7.7-24.8%202.8L1.6%20490.2c-5%2010%202.4%2021.7%2013.4%2021.7h175c5.8.1%2011-3.2%2013.4-8.4c37.9-77.8%2015.1-196.3-51.2-267.1M244.4%208.1c-122.3%20193.4-8.5%20348.6%2065%20495.5c2.5%205.1%207.7%208.4%2013.4%208.4H497c11.2%200%2018.4-11.8%2013.4-21.7c0%200-234.5-470.6-240.4-482.3c-5.3-10.6-18.8-10.8-25.6.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/atlassian.svg?color=%231a73e8&size=48