confluence logo
confluence from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- confluence
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
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 128 128"><defs><linearGradient id="SVGuL2X0cCO" x1="26.791" x2="11.792" y1="28.467" y2="19.855" gradientTransform="translate(-21.334 -18.666)scale(5.33331)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0052cc"/><stop offset=".918" stop-color="#2380fb"/><stop offset="1" stop-color="#2684ff"/></linearGradient><linearGradient id="SVGY0i8lcxc" x1="5.209" x2="20.208" y1="2.523" y2="11.136" gradientTransform="translate(-21.334 -18.666)scale(5.33331)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0052cc"/><stop offset=".918" stop-color="#2380fb"/><stop offset="1" stop-color="#2684ff"/></linearGradient></defs><path fill="url(#SVGuL2X0cCO)" d="M4.655 96.303a332 332 0 0 0-4.062 6.577c-1.156 1.933-.578 4.448 1.354 5.61l26.484 16.25c1.934 1.16 4.443.577 5.604-1.355a186 186 0 0 1 3.866-6.579c10.442-17.213 21.071-15.28 40.014-6.186l26.293 12.374c2.124.97 4.447 0 5.41-1.933l12.569-28.43c.963-1.938 0-4.448-1.939-5.418c-5.604-2.516-16.618-7.74-26.285-12.573c-35.76-17.219-66.114-16.057-89.306 21.663Zm0 0"/><path fill="url(#SVGY0i8lcxc)" d="M123.343 31.697a332 332 0 0 0 4.063-6.577c1.16-1.933.577-4.448-1.355-5.61L99.567 3.26c-1.933-1.16-4.443-.577-5.604 1.355a178 178 0 0 1-3.865 6.579c-10.443 17.213-21.072 15.28-40.015 6.186L23.79 5.006c-2.124-.97-4.441 0-5.41 1.933L5.816 35.369c-.968 1.938 0 4.454 1.933 5.418c5.604 2.516 16.624 7.74 26.285 12.573c35.767 17.027 66.115 16.056 89.307-21.663zm0 0"/></svg>
React
import type { SVGProps } from "react";
export function DeviconConfluence(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGuL2X0cCO" x1="26.791" x2="11.792" y1="28.467" y2="19.855" gradientTransform="translate(-21.334 -18.666)scale(5.33331)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#0052cc"/><stop offset=".918" stopColor="#2380fb"/><stop offset="1" stopColor="#2684ff"/></linearGradient><linearGradient id="SVGY0i8lcxc" x1="5.209" x2="20.208" y1="2.523" y2="11.136" gradientTransform="translate(-21.334 -18.666)scale(5.33331)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#0052cc"/><stop offset=".918" stopColor="#2380fb"/><stop offset="1" stopColor="#2684ff"/></linearGradient></defs><path fill="url(#SVGuL2X0cCO)" d="M4.655 96.303a332 332 0 0 0-4.062 6.577c-1.156 1.933-.578 4.448 1.354 5.61l26.484 16.25c1.934 1.16 4.443.577 5.604-1.355a186 186 0 0 1 3.866-6.579c10.442-17.213 21.071-15.28 40.014-6.186l26.293 12.374c2.124.97 4.447 0 5.41-1.933l12.569-28.43c.963-1.938 0-4.448-1.939-5.418c-5.604-2.516-16.618-7.74-26.285-12.573c-35.76-17.219-66.114-16.057-89.306 21.663Zm0 0"/><path fill="url(#SVGY0i8lcxc)" d="M123.343 31.697a332 332 0 0 0 4.063-6.577c1.16-1.933.577-4.448-1.355-5.61L99.567 3.26c-1.933-1.16-4.443-.577-5.604 1.355a178 178 0 0 1-3.865 6.579c-10.443 17.213-21.072 15.28-40.015 6.186L23.79 5.006c-2.124-.97-4.441 0-5.41 1.933L5.816 35.369c-.968 1.938 0 4.454 1.933 5.418c5.604 2.516 16.624 7.74 26.285 12.573c35.767 17.027 66.115 16.056 89.307-21.663zm0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGuL2X0cCO" x1="26.791" x2="11.792" y1="28.467" y2="19.855" gradientTransform="translate(-21.334 -18.666)scale(5.33331)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0052cc"/><stop offset=".918" stop-color="#2380fb"/><stop offset="1" stop-color="#2684ff"/></linearGradient><linearGradient id="SVGY0i8lcxc" x1="5.209" x2="20.208" y1="2.523" y2="11.136" gradientTransform="translate(-21.334 -18.666)scale(5.33331)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0052cc"/><stop offset=".918" stop-color="#2380fb"/><stop offset="1" stop-color="#2684ff"/></linearGradient></defs><path fill="url(#SVGuL2X0cCO)" d="M4.655 96.303a332 332 0 0 0-4.062 6.577c-1.156 1.933-.578 4.448 1.354 5.61l26.484 16.25c1.934 1.16 4.443.577 5.604-1.355a186 186 0 0 1 3.866-6.579c10.442-17.213 21.071-15.28 40.014-6.186l26.293 12.374c2.124.97 4.447 0 5.41-1.933l12.569-28.43c.963-1.938 0-4.448-1.939-5.418c-5.604-2.516-16.618-7.74-26.285-12.573c-35.76-17.219-66.114-16.057-89.306 21.663Zm0 0"/><path fill="url(#SVGY0i8lcxc)" d="M123.343 31.697a332 332 0 0 0 4.063-6.577c1.16-1.933.577-4.448-1.355-5.61L99.567 3.26c-1.933-1.16-4.443-.577-5.604 1.355a178 178 0 0 1-3.865 6.579c-10.443 17.213-21.072 15.28-40.015 6.186L23.79 5.006c-2.124-.97-4.441 0-5.41 1.933L5.816 35.369c-.968 1.938 0 4.454 1.933 5.418c5.604 2.516 16.624 7.74 26.285 12.573c35.767 17.027 66.115 16.056 89.307-21.663zm0 0"/></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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGuL2X0cCO%22%20x1%3D%2226.791%22%20x2%3D%2211.792%22%20y1%3D%2228.467%22%20y2%3D%2219.855%22%20gradientTransform%3D%22translate(-21.334%20-18.666)scale(5.33331)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%22.918%22%20stop-color%3D%22%232380fb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGY0i8lcxc%22%20x1%3D%225.209%22%20x2%3D%2220.208%22%20y1%3D%222.523%22%20y2%3D%2211.136%22%20gradientTransform%3D%22translate(-21.334%20-18.666)scale(5.33331)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%22.918%22%20stop-color%3D%22%232380fb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGuL2X0cCO)%22%20d%3D%22M4.655%2096.303a332%20332%200%200%200-4.062%206.577c-1.156%201.933-.578%204.448%201.354%205.61l26.484%2016.25c1.934%201.16%204.443.577%205.604-1.355a186%20186%200%200%201%203.866-6.579c10.442-17.213%2021.071-15.28%2040.014-6.186l26.293%2012.374c2.124.97%204.447%200%205.41-1.933l12.569-28.43c.963-1.938%200-4.448-1.939-5.418c-5.604-2.516-16.618-7.74-26.285-12.573c-35.76-17.219-66.114-16.057-89.306%2021.663Zm0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGY0i8lcxc)%22%20d%3D%22M123.343%2031.697a332%20332%200%200%200%204.063-6.577c1.16-1.933.577-4.448-1.355-5.61L99.567%203.26c-1.933-1.16-4.443-.577-5.604%201.355a178%20178%200%200%201-3.865%206.579c-10.443%2017.213-21.072%2015.28-40.015%206.186L23.79%205.006c-2.124-.97-4.441%200-5.41%201.933L5.816%2035.369c-.968%201.938%200%204.454%201.933%205.418c5.604%202.516%2016.624%207.74%2026.285%2012.573c35.767%2017.027%2066.115%2016.056%2089.307-21.663zm0%200%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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGuL2X0cCO%22%20x1%3D%2226.791%22%20x2%3D%2211.792%22%20y1%3D%2228.467%22%20y2%3D%2219.855%22%20gradientTransform%3D%22translate(-21.334%20-18.666)scale(5.33331)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%22.918%22%20stop-color%3D%22%232380fb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGY0i8lcxc%22%20x1%3D%225.209%22%20x2%3D%2220.208%22%20y1%3D%222.523%22%20y2%3D%2211.136%22%20gradientTransform%3D%22translate(-21.334%20-18.666)scale(5.33331)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%22.918%22%20stop-color%3D%22%232380fb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGuL2X0cCO)%22%20d%3D%22M4.655%2096.303a332%20332%200%200%200-4.062%206.577c-1.156%201.933-.578%204.448%201.354%205.61l26.484%2016.25c1.934%201.16%204.443.577%205.604-1.355a186%20186%200%200%201%203.866-6.579c10.442-17.213%2021.071-15.28%2040.014-6.186l26.293%2012.374c2.124.97%204.447%200%205.41-1.933l12.569-28.43c.963-1.938%200-4.448-1.939-5.418c-5.604-2.516-16.618-7.74-26.285-12.573c-35.76-17.219-66.114-16.057-89.306%2021.663Zm0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGY0i8lcxc)%22%20d%3D%22M123.343%2031.697a332%20332%200%200%200%204.063-6.577c1.16-1.933.577-4.448-1.355-5.61L99.567%203.26c-1.933-1.16-4.443-.577-5.604%201.355a178%20178%200%200%201-3.865%206.579c-10.443%2017.213-21.072%2015.28-40.015%206.186L23.79%205.006c-2.124-.97-4.441%200-5.41%201.933L5.816%2035.369c-.968%201.938%200%204.454%201.933%205.418c5.604%202.516%2016.624%207.74%2026.285%2012.573c35.767%2017.027%2066.115%2016.056%2089.307-21.663zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/confluence.svg?color=%231a73e8&size=48
