joomla logo
joomla from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- joomla
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="M16.719 14.759L14.22 17.26l-2.37 2.37l-.462.466a5.33 5.33 0 0 1-5.047 1.397a3.21 3.21 0 1 1-3.872-3.844a5.32 5.32 0 0 1 1.396-5.08l.179-.18l2.37 2.37l-.184.181a1.974 1.974 0 0 0 0 2.789c.771.78 2.022.78 2.787 0l.465-.465l2.367-2.371l2.502-2.506zm.924 6.652a5.32 5.32 0 0 1-5.328-1.318l-.18-.185l2.365-2.369l.18.184a1.974 1.974 0 0 0 2.787 0a1.965 1.965 0 0 0-.004-2.781l-.466-.465l-2.365-2.37l-2.502-2.503l2.37-2.369l2.499 2.505l2.367 2.37l.464.464a5.28 5.28 0 0 1 1.411 5.021A3.215 3.215 0 0 1 24 20.775a3.204 3.204 0 0 1-3.209 3.21a3.19 3.19 0 0 1-3.135-2.565zM6.975 9.461l2.508-2.505l2.37-2.369l.462-.461A5.3 5.3 0 0 1 17.58 2.79A3.215 3.215 0 0 1 20.759.015a3.211 3.211 0 0 1 .421 6.395a5.31 5.31 0 0 1-1.35 5.234l-.182.184l-2.369-2.369l.184-.184a1.967 1.967 0 1 0-2.781-2.78l-.462.461l-2.37 2.369l-2.505 2.502zm-2.653 2.647l-.461-.462a5.31 5.31 0 0 1-1.332-5.288A3.22 3.22 0 0 1 .03 3.224C.03 1.454 1.47.015 3.24.015a3.215 3.215 0 0 1 3.17 2.691a5.32 5.32 0 0 1 4.979 1.415l.184.185l-2.37 2.37l-.183-.181a1.977 1.977 0 0 0-2.785 0a1.977 1.977 0 0 0-.005 2.79l.465.466l2.37 2.369l2.505 2.505l-2.367 2.37l-2.51-2.505l-2.371-2.37z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsJoomla(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.719 14.759L14.22 17.26l-2.37 2.37l-.462.466a5.33 5.33 0 0 1-5.047 1.397a3.21 3.21 0 1 1-3.872-3.844a5.32 5.32 0 0 1 1.396-5.08l.179-.18l2.37 2.37l-.184.181a1.974 1.974 0 0 0 0 2.789c.771.78 2.022.78 2.787 0l.465-.465l2.367-2.371l2.502-2.506zm.924 6.652a5.32 5.32 0 0 1-5.328-1.318l-.18-.185l2.365-2.369l.18.184a1.974 1.974 0 0 0 2.787 0a1.965 1.965 0 0 0-.004-2.781l-.466-.465l-2.365-2.37l-2.502-2.503l2.37-2.369l2.499 2.505l2.367 2.37l.464.464a5.28 5.28 0 0 1 1.411 5.021A3.215 3.215 0 0 1 24 20.775a3.204 3.204 0 0 1-3.209 3.21a3.19 3.19 0 0 1-3.135-2.565zM6.975 9.461l2.508-2.505l2.37-2.369l.462-.461A5.3 5.3 0 0 1 17.58 2.79A3.215 3.215 0 0 1 20.759.015a3.211 3.211 0 0 1 .421 6.395a5.31 5.31 0 0 1-1.35 5.234l-.182.184l-2.369-2.369l.184-.184a1.967 1.967 0 1 0-2.781-2.78l-.462.461l-2.37 2.369l-2.505 2.502zm-2.653 2.647l-.461-.462a5.31 5.31 0 0 1-1.332-5.288A3.22 3.22 0 0 1 .03 3.224C.03 1.454 1.47.015 3.24.015a3.215 3.215 0 0 1 3.17 2.691a5.32 5.32 0 0 1 4.979 1.415l.184.185l-2.37 2.37l-.183-.181a1.977 1.977 0 0 0-2.785 0a1.977 1.977 0 0 0-.005 2.79l.465.466l2.37 2.369l2.505 2.505l-2.367 2.37l-2.51-2.505l-2.371-2.37z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.719 14.759L14.22 17.26l-2.37 2.37l-.462.466a5.33 5.33 0 0 1-5.047 1.397a3.21 3.21 0 1 1-3.872-3.844a5.32 5.32 0 0 1 1.396-5.08l.179-.18l2.37 2.37l-.184.181a1.974 1.974 0 0 0 0 2.789c.771.78 2.022.78 2.787 0l.465-.465l2.367-2.371l2.502-2.506zm.924 6.652a5.32 5.32 0 0 1-5.328-1.318l-.18-.185l2.365-2.369l.18.184a1.974 1.974 0 0 0 2.787 0a1.965 1.965 0 0 0-.004-2.781l-.466-.465l-2.365-2.37l-2.502-2.503l2.37-2.369l2.499 2.505l2.367 2.37l.464.464a5.28 5.28 0 0 1 1.411 5.021A3.215 3.215 0 0 1 24 20.775a3.204 3.204 0 0 1-3.209 3.21a3.19 3.19 0 0 1-3.135-2.565zM6.975 9.461l2.508-2.505l2.37-2.369l.462-.461A5.3 5.3 0 0 1 17.58 2.79A3.215 3.215 0 0 1 20.759.015a3.211 3.211 0 0 1 .421 6.395a5.31 5.31 0 0 1-1.35 5.234l-.182.184l-2.369-2.369l.184-.184a1.967 1.967 0 1 0-2.781-2.78l-.462.461l-2.37 2.369l-2.505 2.502zm-2.653 2.647l-.461-.462a5.31 5.31 0 0 1-1.332-5.288A3.22 3.22 0 0 1 .03 3.224C.03 1.454 1.47.015 3.24.015a3.215 3.215 0 0 1 3.17 2.691a5.32 5.32 0 0 1 4.979 1.415l.184.185l-2.37 2.37l-.183-.181a1.977 1.977 0 0 0-2.785 0a1.977 1.977 0 0 0-.005 2.79l.465.466l2.37 2.369l2.505 2.505l-2.367 2.37l-2.51-2.505l-2.371-2.37z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.719%2014.759L14.22%2017.26l-2.37%202.37l-.462.466a5.33%205.33%200%200%201-5.047%201.397a3.21%203.21%200%201%201-3.872-3.844a5.32%205.32%200%200%201%201.396-5.08l.179-.18l2.37%202.37l-.184.181a1.974%201.974%200%200%200%200%202.789c.771.78%202.022.78%202.787%200l.465-.465l2.367-2.371l2.502-2.506zm.924%206.652a5.32%205.32%200%200%201-5.328-1.318l-.18-.185l2.365-2.369l.18.184a1.974%201.974%200%200%200%202.787%200a1.965%201.965%200%200%200-.004-2.781l-.466-.465l-2.365-2.37l-2.502-2.503l2.37-2.369l2.499%202.505l2.367%202.37l.464.464a5.28%205.28%200%200%201%201.411%205.021A3.215%203.215%200%200%201%2024%2020.775a3.204%203.204%200%200%201-3.209%203.21a3.19%203.19%200%200%201-3.135-2.565zM6.975%209.461l2.508-2.505l2.37-2.369l.462-.461A5.3%205.3%200%200%201%2017.58%202.79A3.215%203.215%200%200%201%2020.759.015a3.211%203.211%200%200%201%20.421%206.395a5.31%205.31%200%200%201-1.35%205.234l-.182.184l-2.369-2.369l.184-.184a1.967%201.967%200%201%200-2.781-2.78l-.462.461l-2.37%202.369l-2.505%202.502zm-2.653%202.647l-.461-.462a5.31%205.31%200%200%201-1.332-5.288A3.22%203.22%200%200%201%20.03%203.224C.03%201.454%201.47.015%203.24.015a3.215%203.215%200%200%201%203.17%202.691a5.32%205.32%200%200%201%204.979%201.415l.184.185l-2.37%202.37l-.183-.181a1.977%201.977%200%200%200-2.785%200a1.977%201.977%200%200%200-.005%202.79l.465.466l2.37%202.369l2.505%202.505l-2.367%202.37l-2.51-2.505l-2.371-2.37z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.719%2014.759L14.22%2017.26l-2.37%202.37l-.462.466a5.33%205.33%200%200%201-5.047%201.397a3.21%203.21%200%201%201-3.872-3.844a5.32%205.32%200%200%201%201.396-5.08l.179-.18l2.37%202.37l-.184.181a1.974%201.974%200%200%200%200%202.789c.771.78%202.022.78%202.787%200l.465-.465l2.367-2.371l2.502-2.506zm.924%206.652a5.32%205.32%200%200%201-5.328-1.318l-.18-.185l2.365-2.369l.18.184a1.974%201.974%200%200%200%202.787%200a1.965%201.965%200%200%200-.004-2.781l-.466-.465l-2.365-2.37l-2.502-2.503l2.37-2.369l2.499%202.505l2.367%202.37l.464.464a5.28%205.28%200%200%201%201.411%205.021A3.215%203.215%200%200%201%2024%2020.775a3.204%203.204%200%200%201-3.209%203.21a3.19%203.19%200%200%201-3.135-2.565zM6.975%209.461l2.508-2.505l2.37-2.369l.462-.461A5.3%205.3%200%200%201%2017.58%202.79A3.215%203.215%200%200%201%2020.759.015a3.211%203.211%200%200%201%20.421%206.395a5.31%205.31%200%200%201-1.35%205.234l-.182.184l-2.369-2.369l.184-.184a1.967%201.967%200%201%200-2.781-2.78l-.462.461l-2.37%202.369l-2.505%202.502zm-2.653%202.647l-.461-.462a5.31%205.31%200%200%201-1.332-5.288A3.22%203.22%200%200%201%20.03%203.224C.03%201.454%201.47.015%203.24.015a3.215%203.215%200%200%201%203.17%202.691a5.32%205.32%200%200%201%204.979%201.415l.184.185l-2.37%202.37l-.183-.181a1.977%201.977%200%200%200-2.785%200a1.977%201.977%200%200%200-.005%202.79l.465.466l2.37%202.369l2.505%202.505l-2.367%202.37l-2.51-2.505l-2.371-2.37z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/joomla.svg?color=%231a73e8&size=48
