atlassian logo
atlassian from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- atlassian
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the atlassian logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M25.745 31.943h-4.797a1.68 1.68 0 0 1-1.75-1.057c-1.776-3.552-3.708-7.047-5.318-10.729A20.33 20.33 0 0 1 15.062.865c.219-.375.693-.833 1.052-.833c.365 0 .792.5.99.891q7.258 14.515 14.531 29.047c.719 1.391.385 1.958-1.208 1.974zm-19.427 0H1.386c-1.385 0-1.693-.557-1.083-1.776c2.49-4.922 4.958-9.839 7.401-14.74c.667-1.391 1.193-1.391 2.12-.24a16.3 16.3 0 0 1 3.349 14.896c-.458 1.76-.708 1.875-2.484 1.875z"/></svg>
React
import type { SVGProps } from "react";
export function CibAtlassian(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M25.745 31.943h-4.797a1.68 1.68 0 0 1-1.75-1.057c-1.776-3.552-3.708-7.047-5.318-10.729A20.33 20.33 0 0 1 15.062.865c.219-.375.693-.833 1.052-.833c.365 0 .792.5.99.891q7.258 14.515 14.531 29.047c.719 1.391.385 1.958-1.208 1.974zm-19.427 0H1.386c-1.385 0-1.693-.557-1.083-1.776c2.49-4.922 4.958-9.839 7.401-14.74c.667-1.391 1.193-1.391 2.12-.24a16.3 16.3 0 0 1 3.349 14.896c-.458 1.76-.708 1.875-2.484 1.875z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M25.745 31.943h-4.797a1.68 1.68 0 0 1-1.75-1.057c-1.776-3.552-3.708-7.047-5.318-10.729A20.33 20.33 0 0 1 15.062.865c.219-.375.693-.833 1.052-.833c.365 0 .792.5.99.891q7.258 14.515 14.531 29.047c.719 1.391.385 1.958-1.208 1.974zm-19.427 0H1.386c-1.385 0-1.693-.557-1.083-1.776c2.49-4.922 4.958-9.839 7.401-14.74c.667-1.391 1.193-1.391 2.12-.24a16.3 16.3 0 0 1 3.349 14.896c-.458 1.76-.708 1.875-2.484 1.875z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M25.745%2031.943h-4.797a1.68%201.68%200%200%201-1.75-1.057c-1.776-3.552-3.708-7.047-5.318-10.729A20.33%2020.33%200%200%201%2015.062.865c.219-.375.693-.833%201.052-.833c.365%200%20.792.5.99.891q7.258%2014.515%2014.531%2029.047c.719%201.391.385%201.958-1.208%201.974zm-19.427%200H1.386c-1.385%200-1.693-.557-1.083-1.776c2.49-4.922%204.958-9.839%207.401-14.74c.667-1.391%201.193-1.391%202.12-.24a16.3%2016.3%200%200%201%203.349%2014.896c-.458%201.76-.708%201.875-2.484%201.875z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M25.745%2031.943h-4.797a1.68%201.68%200%200%201-1.75-1.057c-1.776-3.552-3.708-7.047-5.318-10.729A20.33%2020.33%200%200%201%2015.062.865c.219-.375.693-.833%201.052-.833c.365%200%20.792.5.99.891q7.258%2014.515%2014.531%2029.047c.719%201.391.385%201.958-1.208%201.974zm-19.427%200H1.386c-1.385%200-1.693-.557-1.083-1.776c2.49-4.922%204.958-9.839%207.401-14.74c.667-1.391%201.193-1.391%202.12-.24a16.3%2016.3%200%200%201%203.349%2014.896c-.458%201.76-.708%201.875-2.484%201.875z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/atlassian.svg?color=%231a73e8&size=48
