joomla logo
joomla from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- joomla
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the joomla logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m22.292 19.677l-7.109 7.12a7.1 7.1 0 0 1-6.729 1.859a4.28 4.28 0 1 1-5.161-5.125a7.09 7.09 0 0 1 1.859-6.771l.24-.24l3.161 3.156l-.245.245a2.63 2.63 0 0 0 0 3.719a2.61 2.61 0 0 0 3.714 0l.62-.62l6.495-6.505zm1.234 8.87a7.09 7.09 0 0 1-7.104-1.755l-.24-.25l3.151-3.156l.24.245a2.63 2.63 0 0 0 3.719 0a2.627 2.627 0 0 0-.005-3.708l-.625-.62l-3.151-3.161l-3.339-3.333l3.161-3.161l7.104 7.12a7.04 7.04 0 0 1 1.885 6.693a4.29 4.29 0 0 1 3.677 4.24a4.27 4.27 0 0 1-4.281 4.281c-2.057 0-3.797-1.458-4.177-3.417zM9.302 12.615l3.344-3.339l3.156-3.161l.62-.615a7.05 7.05 0 0 1 7.016-1.781c.286-2.078 2.078-3.698 4.24-3.698a4.28 4.28 0 0 1 4.281 4.276a4.285 4.285 0 0 1-3.719 4.25a7.08 7.08 0 0 1-1.802 6.979l-.24.245l-3.161-3.156l.25-.25a2.627 2.627 0 0 0 0-3.708a2.62 2.62 0 0 0-3.708.005l-.62.615l-6.5 6.495zM5.76 16.146l-.615-.62a7.08 7.08 0 0 1-1.776-7.047A4.3 4.3 0 0 1 .041 4.297a4.28 4.28 0 0 1 8.505-.687a7.09 7.09 0 0 1 6.641 1.885l.245.245l-3.161 3.161l-.245-.24a2.635 2.635 0 0 0-3.714 0c-1.026 1.042-1.026 2.698-.005 3.719l7.12 7.12l-3.156 3.161l-6.51-6.5z"/></svg>
React
import type { SVGProps } from "react";
export function CibJoomla(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="m22.292 19.677l-7.109 7.12a7.1 7.1 0 0 1-6.729 1.859a4.28 4.28 0 1 1-5.161-5.125a7.09 7.09 0 0 1 1.859-6.771l.24-.24l3.161 3.156l-.245.245a2.63 2.63 0 0 0 0 3.719a2.61 2.61 0 0 0 3.714 0l.62-.62l6.495-6.505zm1.234 8.87a7.09 7.09 0 0 1-7.104-1.755l-.24-.25l3.151-3.156l.24.245a2.63 2.63 0 0 0 3.719 0a2.627 2.627 0 0 0-.005-3.708l-.625-.62l-3.151-3.161l-3.339-3.333l3.161-3.161l7.104 7.12a7.04 7.04 0 0 1 1.885 6.693a4.29 4.29 0 0 1 3.677 4.24a4.27 4.27 0 0 1-4.281 4.281c-2.057 0-3.797-1.458-4.177-3.417zM9.302 12.615l3.344-3.339l3.156-3.161l.62-.615a7.05 7.05 0 0 1 7.016-1.781c.286-2.078 2.078-3.698 4.24-3.698a4.28 4.28 0 0 1 4.281 4.276a4.285 4.285 0 0 1-3.719 4.25a7.08 7.08 0 0 1-1.802 6.979l-.24.245l-3.161-3.156l.25-.25a2.627 2.627 0 0 0 0-3.708a2.62 2.62 0 0 0-3.708.005l-.62.615l-6.5 6.495zM5.76 16.146l-.615-.62a7.08 7.08 0 0 1-1.776-7.047A4.3 4.3 0 0 1 .041 4.297a4.28 4.28 0 0 1 8.505-.687a7.09 7.09 0 0 1 6.641 1.885l.245.245l-3.161 3.161l-.245-.24a2.635 2.635 0 0 0-3.714 0c-1.026 1.042-1.026 2.698-.005 3.719l7.12 7.12l-3.156 3.161l-6.51-6.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m22.292 19.677l-7.109 7.12a7.1 7.1 0 0 1-6.729 1.859a4.28 4.28 0 1 1-5.161-5.125a7.09 7.09 0 0 1 1.859-6.771l.24-.24l3.161 3.156l-.245.245a2.63 2.63 0 0 0 0 3.719a2.61 2.61 0 0 0 3.714 0l.62-.62l6.495-6.505zm1.234 8.87a7.09 7.09 0 0 1-7.104-1.755l-.24-.25l3.151-3.156l.24.245a2.63 2.63 0 0 0 3.719 0a2.627 2.627 0 0 0-.005-3.708l-.625-.62l-3.151-3.161l-3.339-3.333l3.161-3.161l7.104 7.12a7.04 7.04 0 0 1 1.885 6.693a4.29 4.29 0 0 1 3.677 4.24a4.27 4.27 0 0 1-4.281 4.281c-2.057 0-3.797-1.458-4.177-3.417zM9.302 12.615l3.344-3.339l3.156-3.161l.62-.615a7.05 7.05 0 0 1 7.016-1.781c.286-2.078 2.078-3.698 4.24-3.698a4.28 4.28 0 0 1 4.281 4.276a4.285 4.285 0 0 1-3.719 4.25a7.08 7.08 0 0 1-1.802 6.979l-.24.245l-3.161-3.156l.25-.25a2.627 2.627 0 0 0 0-3.708a2.62 2.62 0 0 0-3.708.005l-.62.615l-6.5 6.495zM5.76 16.146l-.615-.62a7.08 7.08 0 0 1-1.776-7.047A4.3 4.3 0 0 1 .041 4.297a4.28 4.28 0 0 1 8.505-.687a7.09 7.09 0 0 1 6.641 1.885l.245.245l-3.161 3.161l-.245-.24a2.635 2.635 0 0 0-3.714 0c-1.026 1.042-1.026 2.698-.005 3.719l7.12 7.12l-3.156 3.161l-6.51-6.5z"/></svg> </template>
CSS
.icon-joomla {
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%22m22.292%2019.677l-7.109%207.12a7.1%207.1%200%200%201-6.729%201.859a4.28%204.28%200%201%201-5.161-5.125a7.09%207.09%200%200%201%201.859-6.771l.24-.24l3.161%203.156l-.245.245a2.63%202.63%200%200%200%200%203.719a2.61%202.61%200%200%200%203.714%200l.62-.62l6.495-6.505zm1.234%208.87a7.09%207.09%200%200%201-7.104-1.755l-.24-.25l3.151-3.156l.24.245a2.63%202.63%200%200%200%203.719%200a2.627%202.627%200%200%200-.005-3.708l-.625-.62l-3.151-3.161l-3.339-3.333l3.161-3.161l7.104%207.12a7.04%207.04%200%200%201%201.885%206.693a4.29%204.29%200%200%201%203.677%204.24a4.27%204.27%200%200%201-4.281%204.281c-2.057%200-3.797-1.458-4.177-3.417zM9.302%2012.615l3.344-3.339l3.156-3.161l.62-.615a7.05%207.05%200%200%201%207.016-1.781c.286-2.078%202.078-3.698%204.24-3.698a4.28%204.28%200%200%201%204.281%204.276a4.285%204.285%200%200%201-3.719%204.25a7.08%207.08%200%200%201-1.802%206.979l-.24.245l-3.161-3.156l.25-.25a2.627%202.627%200%200%200%200-3.708a2.62%202.62%200%200%200-3.708.005l-.62.615l-6.5%206.495zM5.76%2016.146l-.615-.62a7.08%207.08%200%200%201-1.776-7.047A4.3%204.3%200%200%201%20.041%204.297a4.28%204.28%200%200%201%208.505-.687a7.09%207.09%200%200%201%206.641%201.885l.245.245l-3.161%203.161l-.245-.24a2.635%202.635%200%200%200-3.714%200c-1.026%201.042-1.026%202.698-.005%203.719l7.12%207.12l-3.156%203.161l-6.51-6.5z%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%22m22.292%2019.677l-7.109%207.12a7.1%207.1%200%200%201-6.729%201.859a4.28%204.28%200%201%201-5.161-5.125a7.09%207.09%200%200%201%201.859-6.771l.24-.24l3.161%203.156l-.245.245a2.63%202.63%200%200%200%200%203.719a2.61%202.61%200%200%200%203.714%200l.62-.62l6.495-6.505zm1.234%208.87a7.09%207.09%200%200%201-7.104-1.755l-.24-.25l3.151-3.156l.24.245a2.63%202.63%200%200%200%203.719%200a2.627%202.627%200%200%200-.005-3.708l-.625-.62l-3.151-3.161l-3.339-3.333l3.161-3.161l7.104%207.12a7.04%207.04%200%200%201%201.885%206.693a4.29%204.29%200%200%201%203.677%204.24a4.27%204.27%200%200%201-4.281%204.281c-2.057%200-3.797-1.458-4.177-3.417zM9.302%2012.615l3.344-3.339l3.156-3.161l.62-.615a7.05%207.05%200%200%201%207.016-1.781c.286-2.078%202.078-3.698%204.24-3.698a4.28%204.28%200%200%201%204.281%204.276a4.285%204.285%200%200%201-3.719%204.25a7.08%207.08%200%200%201-1.802%206.979l-.24.245l-3.161-3.156l.25-.25a2.627%202.627%200%200%200%200-3.708a2.62%202.62%200%200%200-3.708.005l-.62.615l-6.5%206.495zM5.76%2016.146l-.615-.62a7.08%207.08%200%200%201-1.776-7.047A4.3%204.3%200%200%201%20.041%204.297a4.28%204.28%200%200%201%208.505-.687a7.09%207.09%200%200%201%206.641%201.885l.245.245l-3.161%203.161l-.245-.24a2.635%202.635%200%200%200-3.714%200c-1.026%201.042-1.026%202.698-.005%203.719l7.12%207.12l-3.156%203.161l-6.51-6.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/joomla.svg?color=%231a73e8&size=48
