confluence logo
confluence from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- confluence
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the confluence logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M1.161 24.344c-.333.51-.708 1.167-1.021 1.661a1.02 1.02 0 0 0 .344 1.385l6.62 4.073c.484.297 1.12.141 1.411-.349c.266-.443.604-1.016.974-1.63c2.625-4.328 5.26-3.802 10.01-1.526l6.609 3.115c.521.25 1.141.021 1.37-.505l3.156-7.13a1.02 1.02 0 0 0-.51-1.333a980 980 0 0 1-6.62-3.146c-8.958-4.333-16.542-4.047-22.344 5.385zM30.844 7.656c.328-.536.703-1.167 1.016-1.667a1.014 1.014 0 0 0-.339-1.375L24.901.536a1.02 1.02 0 0 0-1.411.349c-.26.448-.604 1.016-.979 1.635c-2.62 4.328-5.26 3.797-10.01 1.526L5.918.926a1.017 1.017 0 0 0-1.37.505l-3.151 7.13c-.224.51.005 1.104.51 1.333c1.385.651 4.135 1.958 6.62 3.146c8.927 4.328 16.521 4.042 22.318-5.385z"/></svg>
React
import type { SVGProps } from "react";
export function CibConfluence(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="M1.161 24.344c-.333.51-.708 1.167-1.021 1.661a1.02 1.02 0 0 0 .344 1.385l6.62 4.073c.484.297 1.12.141 1.411-.349c.266-.443.604-1.016.974-1.63c2.625-4.328 5.26-3.802 10.01-1.526l6.609 3.115c.521.25 1.141.021 1.37-.505l3.156-7.13a1.02 1.02 0 0 0-.51-1.333a980 980 0 0 1-6.62-3.146c-8.958-4.333-16.542-4.047-22.344 5.385zM30.844 7.656c.328-.536.703-1.167 1.016-1.667a1.014 1.014 0 0 0-.339-1.375L24.901.536a1.02 1.02 0 0 0-1.411.349c-.26.448-.604 1.016-.979 1.635c-2.62 4.328-5.26 3.797-10.01 1.526L5.918.926a1.017 1.017 0 0 0-1.37.505l-3.151 7.13c-.224.51.005 1.104.51 1.333c1.385.651 4.135 1.958 6.62 3.146c8.927 4.328 16.521 4.042 22.318-5.385z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M1.161 24.344c-.333.51-.708 1.167-1.021 1.661a1.02 1.02 0 0 0 .344 1.385l6.62 4.073c.484.297 1.12.141 1.411-.349c.266-.443.604-1.016.974-1.63c2.625-4.328 5.26-3.802 10.01-1.526l6.609 3.115c.521.25 1.141.021 1.37-.505l3.156-7.13a1.02 1.02 0 0 0-.51-1.333a980 980 0 0 1-6.62-3.146c-8.958-4.333-16.542-4.047-22.344 5.385zM30.844 7.656c.328-.536.703-1.167 1.016-1.667a1.014 1.014 0 0 0-.339-1.375L24.901.536a1.02 1.02 0 0 0-1.411.349c-.26.448-.604 1.016-.979 1.635c-2.62 4.328-5.26 3.797-10.01 1.526L5.918.926a1.017 1.017 0 0 0-1.37.505l-3.151 7.13c-.224.51.005 1.104.51 1.333c1.385.651 4.135 1.958 6.62 3.146c8.927 4.328 16.521 4.042 22.318-5.385z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.161%2024.344c-.333.51-.708%201.167-1.021%201.661a1.02%201.02%200%200%200%20.344%201.385l6.62%204.073c.484.297%201.12.141%201.411-.349c.266-.443.604-1.016.974-1.63c2.625-4.328%205.26-3.802%2010.01-1.526l6.609%203.115c.521.25%201.141.021%201.37-.505l3.156-7.13a1.02%201.02%200%200%200-.51-1.333a980%20980%200%200%201-6.62-3.146c-8.958-4.333-16.542-4.047-22.344%205.385zM30.844%207.656c.328-.536.703-1.167%201.016-1.667a1.014%201.014%200%200%200-.339-1.375L24.901.536a1.02%201.02%200%200%200-1.411.349c-.26.448-.604%201.016-.979%201.635c-2.62%204.328-5.26%203.797-10.01%201.526L5.918.926a1.017%201.017%200%200%200-1.37.505l-3.151%207.13c-.224.51.005%201.104.51%201.333c1.385.651%204.135%201.958%206.62%203.146c8.927%204.328%2016.521%204.042%2022.318-5.385z%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%22M1.161%2024.344c-.333.51-.708%201.167-1.021%201.661a1.02%201.02%200%200%200%20.344%201.385l6.62%204.073c.484.297%201.12.141%201.411-.349c.266-.443.604-1.016.974-1.63c2.625-4.328%205.26-3.802%2010.01-1.526l6.609%203.115c.521.25%201.141.021%201.37-.505l3.156-7.13a1.02%201.02%200%200%200-.51-1.333a980%20980%200%200%201-6.62-3.146c-8.958-4.333-16.542-4.047-22.344%205.385zM30.844%207.656c.328-.536.703-1.167%201.016-1.667a1.014%201.014%200%200%200-.339-1.375L24.901.536a1.02%201.02%200%200%200-1.411.349c-.26.448-.604%201.016-.979%201.635c-2.62%204.328-5.26%203.797-10.01%201.526L5.918.926a1.017%201.017%200%200%200-1.37.505l-3.151%207.13c-.224.51.005%201.104.51%201.333c1.385.651%204.135%201.958%206.62%203.146c8.927%204.328%2016.521%204.042%2022.318-5.385z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/confluence.svg?color=%231a73e8&size=48
