confluence logo

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

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

The same logo in other sets

confluenceCoreUI Brands confluenceDevicon confluenceFont Awesome Brands confluenceLine Awesome confluenceSVG Logos confluenceSimple Icons

Use the confluence logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M2.3 412.2c-4.5 7.6-2.1 17.5 5.5 22.2l105.9 65.2c7.7 4.7 17.7 2.4 22.4-5.3c0-.1.1-.2.1-.2c67.1-112.2 80.5-95.9 280.9-.7c8.1 3.9 17.8.4 21.7-7.7c.1-.1.1-.3.2-.4l50.4-114.1c3.6-8.1-.1-17.6-8.1-21.3c-22.2-10.4-66.2-31.2-105.9-50.3C127.5 179 44.6 345.3 2.3 412.2m507.4-312.1c4.5-7.6 2.1-17.5-5.5-22.2L398.4 12.8c-7.5-5-17.6-3.1-22.6 4.4c-.2.3-.4.6-.6 1c-67.3 112.6-81.1 95.6-280.6.9c-8.1-3.9-17.8-.4-21.7 7.7c-.1.1-.1.3-.2.4L22.2 141.3c-3.6 8.1.1 17.6 8.1 21.3c22.2 10.4 66.3 31.2 106 50.4c248 120 330.8-45.4 373.4-112.9"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsConfluence(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="M2.3 412.2c-4.5 7.6-2.1 17.5 5.5 22.2l105.9 65.2c7.7 4.7 17.7 2.4 22.4-5.3c0-.1.1-.2.1-.2c67.1-112.2 80.5-95.9 280.9-.7c8.1 3.9 17.8.4 21.7-7.7c.1-.1.1-.3.2-.4l50.4-114.1c3.6-8.1-.1-17.6-8.1-21.3c-22.2-10.4-66.2-31.2-105.9-50.3C127.5 179 44.6 345.3 2.3 412.2m507.4-312.1c4.5-7.6 2.1-17.5-5.5-22.2L398.4 12.8c-7.5-5-17.6-3.1-22.6 4.4c-.2.3-.4.6-.6 1c-67.3 112.6-81.1 95.6-280.6.9c-8.1-3.9-17.8-.4-21.7 7.7c-.1.1-.1.3-.2.4L22.2 141.3c-3.6 8.1.1 17.6 8.1 21.3c22.2 10.4 66.3 31.2 106 50.4c248 120 330.8-45.4 373.4-112.9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M2.3 412.2c-4.5 7.6-2.1 17.5 5.5 22.2l105.9 65.2c7.7 4.7 17.7 2.4 22.4-5.3c0-.1.1-.2.1-.2c67.1-112.2 80.5-95.9 280.9-.7c8.1 3.9 17.8.4 21.7-7.7c.1-.1.1-.3.2-.4l50.4-114.1c3.6-8.1-.1-17.6-8.1-21.3c-22.2-10.4-66.2-31.2-105.9-50.3C127.5 179 44.6 345.3 2.3 412.2m507.4-312.1c4.5-7.6 2.1-17.5-5.5-22.2L398.4 12.8c-7.5-5-17.6-3.1-22.6 4.4c-.2.3-.4.6-.6 1c-67.3 112.6-81.1 95.6-280.6.9c-8.1-3.9-17.8-.4-21.7 7.7c-.1.1-.1.3-.2.4L22.2 141.3c-3.6 8.1.1 17.6 8.1 21.3c22.2 10.4 66.3 31.2 106 50.4c248 120 330.8-45.4 373.4-112.9"/></svg>
</template>

CSS

.icon-confluence {
  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%22M2.3%20412.2c-4.5%207.6-2.1%2017.5%205.5%2022.2l105.9%2065.2c7.7%204.7%2017.7%202.4%2022.4-5.3c0-.1.1-.2.1-.2c67.1-112.2%2080.5-95.9%20280.9-.7c8.1%203.9%2017.8.4%2021.7-7.7c.1-.1.1-.3.2-.4l50.4-114.1c3.6-8.1-.1-17.6-8.1-21.3c-22.2-10.4-66.2-31.2-105.9-50.3C127.5%20179%2044.6%20345.3%202.3%20412.2m507.4-312.1c4.5-7.6%202.1-17.5-5.5-22.2L398.4%2012.8c-7.5-5-17.6-3.1-22.6%204.4c-.2.3-.4.6-.6%201c-67.3%20112.6-81.1%2095.6-280.6.9c-8.1-3.9-17.8-.4-21.7%207.7c-.1.1-.1.3-.2.4L22.2%20141.3c-3.6%208.1.1%2017.6%208.1%2021.3c22.2%2010.4%2066.3%2031.2%20106%2050.4c248%20120%20330.8-45.4%20373.4-112.9%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%22M2.3%20412.2c-4.5%207.6-2.1%2017.5%205.5%2022.2l105.9%2065.2c7.7%204.7%2017.7%202.4%2022.4-5.3c0-.1.1-.2.1-.2c67.1-112.2%2080.5-95.9%20280.9-.7c8.1%203.9%2017.8.4%2021.7-7.7c.1-.1.1-.3.2-.4l50.4-114.1c3.6-8.1-.1-17.6-8.1-21.3c-22.2-10.4-66.2-31.2-105.9-50.3C127.5%20179%2044.6%20345.3%202.3%20412.2m507.4-312.1c4.5-7.6%202.1-17.5-5.5-22.2L398.4%2012.8c-7.5-5-17.6-3.1-22.6%204.4c-.2.3-.4.6-.6%201c-67.3%20112.6-81.1%2095.6-280.6.9c-8.1-3.9-17.8-.4-21.7%207.7c-.1.1-.1.3-.2.4L22.2%20141.3c-3.6%208.1.1%2017.6%208.1%2021.3c22.2%2010.4%2066.3%2031.2%20106%2050.4c248%20120%20330.8-45.4%20373.4-112.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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