joomla logo
joomla from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- joomla
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
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="m15.539 14.059l-1.874 1.875l-1.777 1.777l-.347.35a3.99 3.99 0 0 1-3.785 1.048A2.41 2.41 0 0 1 3 18.567c0-1.138.792-2.092 1.852-2.342a3.99 3.99 0 0 1 1.047-3.811l.135-.135l1.777 1.778l-.138.135a1.48 1.48 0 0 0 0 2.092a1.46 1.46 0 0 0 2.09 0l.349-.349l1.775-1.778l1.877-1.879zm.693 4.988a3.99 3.99 0 0 1-3.996-.988l-.135-.139l1.773-1.777l.135.139a1.48 1.48 0 0 0 2.09 0a1.474 1.474 0 0 0-.002-2.086l-.35-.349l-1.773-1.777l-1.877-1.878l1.777-1.776l1.875 1.879l1.774 1.777l.349.349a3.96 3.96 0 0 1 1.058 3.766a2.407 2.407 0 0 1-.336 4.79a2.39 2.39 0 0 1-2.352-1.924zm-8.001-8.962l1.881-1.879l1.777-1.777l.347-.346a3.97 3.97 0 0 1 3.949-1.002a2.408 2.408 0 1 1 2.699 2.716a3.98 3.98 0 0 1-1.012 3.925l-.137.139l-1.777-1.777l.139-.138a1.474 1.474 0 1 0-2.086-2.085l-.347.346l-1.777 1.776l-1.879 1.876zm-1.99 1.984l-.346-.347a3.98 3.98 0 0 1-.999-3.965a2.414 2.414 0 0 1-1.874-2.35A2.41 2.41 0 0 1 5.43 3c1.197 0 2.19.875 2.378 2.019a3.99 3.99 0 0 1 3.734 1.061l.138.14l-1.778 1.776l-.137-.136a1.48 1.48 0 0 0-2.088 0a1.48 1.48 0 0 0-.004 2.092l.349.35l1.777 1.777l1.879 1.879l-1.775 1.777l-1.883-1.879l-1.778-1.777z"/></svg>
React
import type { SVGProps } from "react";
export function BxlJoomla(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="m15.539 14.059l-1.874 1.875l-1.777 1.777l-.347.35a3.99 3.99 0 0 1-3.785 1.048A2.41 2.41 0 0 1 3 18.567c0-1.138.792-2.092 1.852-2.342a3.99 3.99 0 0 1 1.047-3.811l.135-.135l1.777 1.778l-.138.135a1.48 1.48 0 0 0 0 2.092a1.46 1.46 0 0 0 2.09 0l.349-.349l1.775-1.778l1.877-1.879zm.693 4.988a3.99 3.99 0 0 1-3.996-.988l-.135-.139l1.773-1.777l.135.139a1.48 1.48 0 0 0 2.09 0a1.474 1.474 0 0 0-.002-2.086l-.35-.349l-1.773-1.777l-1.877-1.878l1.777-1.776l1.875 1.879l1.774 1.777l.349.349a3.96 3.96 0 0 1 1.058 3.766a2.407 2.407 0 0 1-.336 4.79a2.39 2.39 0 0 1-2.352-1.924zm-8.001-8.962l1.881-1.879l1.777-1.777l.347-.346a3.97 3.97 0 0 1 3.949-1.002a2.408 2.408 0 1 1 2.699 2.716a3.98 3.98 0 0 1-1.012 3.925l-.137.139l-1.777-1.777l.139-.138a1.474 1.474 0 1 0-2.086-2.085l-.347.346l-1.777 1.776l-1.879 1.876zm-1.99 1.984l-.346-.347a3.98 3.98 0 0 1-.999-3.965a2.414 2.414 0 0 1-1.874-2.35A2.41 2.41 0 0 1 5.43 3c1.197 0 2.19.875 2.378 2.019a3.99 3.99 0 0 1 3.734 1.061l.138.14l-1.778 1.776l-.137-.136a1.48 1.48 0 0 0-2.088 0a1.48 1.48 0 0 0-.004 2.092l.349.35l1.777 1.777l1.879 1.879l-1.775 1.777l-1.883-1.879l-1.778-1.777z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.539 14.059l-1.874 1.875l-1.777 1.777l-.347.35a3.99 3.99 0 0 1-3.785 1.048A2.41 2.41 0 0 1 3 18.567c0-1.138.792-2.092 1.852-2.342a3.99 3.99 0 0 1 1.047-3.811l.135-.135l1.777 1.778l-.138.135a1.48 1.48 0 0 0 0 2.092a1.46 1.46 0 0 0 2.09 0l.349-.349l1.775-1.778l1.877-1.879zm.693 4.988a3.99 3.99 0 0 1-3.996-.988l-.135-.139l1.773-1.777l.135.139a1.48 1.48 0 0 0 2.09 0a1.474 1.474 0 0 0-.002-2.086l-.35-.349l-1.773-1.777l-1.877-1.878l1.777-1.776l1.875 1.879l1.774 1.777l.349.349a3.96 3.96 0 0 1 1.058 3.766a2.407 2.407 0 0 1-.336 4.79a2.39 2.39 0 0 1-2.352-1.924zm-8.001-8.962l1.881-1.879l1.777-1.777l.347-.346a3.97 3.97 0 0 1 3.949-1.002a2.408 2.408 0 1 1 2.699 2.716a3.98 3.98 0 0 1-1.012 3.925l-.137.139l-1.777-1.777l.139-.138a1.474 1.474 0 1 0-2.086-2.085l-.347.346l-1.777 1.776l-1.879 1.876zm-1.99 1.984l-.346-.347a3.98 3.98 0 0 1-.999-3.965a2.414 2.414 0 0 1-1.874-2.35A2.41 2.41 0 0 1 5.43 3c1.197 0 2.19.875 2.378 2.019a3.99 3.99 0 0 1 3.734 1.061l.138.14l-1.778 1.776l-.137-.136a1.48 1.48 0 0 0-2.088 0a1.48 1.48 0 0 0-.004 2.092l.349.35l1.777 1.777l1.879 1.879l-1.775 1.777l-1.883-1.879l-1.778-1.777z"/></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%22m15.539%2014.059l-1.874%201.875l-1.777%201.777l-.347.35a3.99%203.99%200%200%201-3.785%201.048A2.41%202.41%200%200%201%203%2018.567c0-1.138.792-2.092%201.852-2.342a3.99%203.99%200%200%201%201.047-3.811l.135-.135l1.777%201.778l-.138.135a1.48%201.48%200%200%200%200%202.092a1.46%201.46%200%200%200%202.09%200l.349-.349l1.775-1.778l1.877-1.879zm.693%204.988a3.99%203.99%200%200%201-3.996-.988l-.135-.139l1.773-1.777l.135.139a1.48%201.48%200%200%200%202.09%200a1.474%201.474%200%200%200-.002-2.086l-.35-.349l-1.773-1.777l-1.877-1.878l1.777-1.776l1.875%201.879l1.774%201.777l.349.349a3.96%203.96%200%200%201%201.058%203.766a2.407%202.407%200%200%201-.336%204.79a2.39%202.39%200%200%201-2.352-1.924zm-8.001-8.962l1.881-1.879l1.777-1.777l.347-.346a3.97%203.97%200%200%201%203.949-1.002a2.408%202.408%200%201%201%202.699%202.716a3.98%203.98%200%200%201-1.012%203.925l-.137.139l-1.777-1.777l.139-.138a1.474%201.474%200%201%200-2.086-2.085l-.347.346l-1.777%201.776l-1.879%201.876zm-1.99%201.984l-.346-.347a3.98%203.98%200%200%201-.999-3.965a2.414%202.414%200%200%201-1.874-2.35A2.41%202.41%200%200%201%205.43%203c1.197%200%202.19.875%202.378%202.019a3.99%203.99%200%200%201%203.734%201.061l.138.14l-1.778%201.776l-.137-.136a1.48%201.48%200%200%200-2.088%200a1.48%201.48%200%200%200-.004%202.092l.349.35l1.777%201.777l1.879%201.879l-1.775%201.777l-1.883-1.879l-1.778-1.777z%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%22m15.539%2014.059l-1.874%201.875l-1.777%201.777l-.347.35a3.99%203.99%200%200%201-3.785%201.048A2.41%202.41%200%200%201%203%2018.567c0-1.138.792-2.092%201.852-2.342a3.99%203.99%200%200%201%201.047-3.811l.135-.135l1.777%201.778l-.138.135a1.48%201.48%200%200%200%200%202.092a1.46%201.46%200%200%200%202.09%200l.349-.349l1.775-1.778l1.877-1.879zm.693%204.988a3.99%203.99%200%200%201-3.996-.988l-.135-.139l1.773-1.777l.135.139a1.48%201.48%200%200%200%202.09%200a1.474%201.474%200%200%200-.002-2.086l-.35-.349l-1.773-1.777l-1.877-1.878l1.777-1.776l1.875%201.879l1.774%201.777l.349.349a3.96%203.96%200%200%201%201.058%203.766a2.407%202.407%200%200%201-.336%204.79a2.39%202.39%200%200%201-2.352-1.924zm-8.001-8.962l1.881-1.879l1.777-1.777l.347-.346a3.97%203.97%200%200%201%203.949-1.002a2.408%202.408%200%201%201%202.699%202.716a3.98%203.98%200%200%201-1.012%203.925l-.137.139l-1.777-1.777l.139-.138a1.474%201.474%200%201%200-2.086-2.085l-.347.346l-1.777%201.776l-1.879%201.876zm-1.99%201.984l-.346-.347a3.98%203.98%200%200%201-.999-3.965a2.414%202.414%200%200%201-1.874-2.35A2.41%202.41%200%200%201%205.43%203c1.197%200%202.19.875%202.378%202.019a3.99%203.99%200%200%201%203.734%201.061l.138.14l-1.778%201.776l-.137-.136a1.48%201.48%200%200%200-2.088%200a1.48%201.48%200%200%200-.004%202.092l.349.35l1.777%201.777l1.879%201.879l-1.775%201.777l-1.883-1.879l-1.778-1.777z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/joomla.svg?color=%231a73e8&size=48
