joomla logo

joomla from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: joomla
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

joomlaBoxicons Brands joomlaCoreUI Brands joomlaFont Awesome 6 Brands joomlaLine Awesome joomlaSVG Logos joomlaSimple Icons

Use the joomla logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96.6 156.1c0-33.3 26.8-60.1 59.8-60.1c30 0 54.5 21.9 59.2 50.2c32.6-7.6 67.1.6 96.5 30l-44.3 44.3c-20.5-20.5-42.6-16.3-55.4-3.5c-14.3 14.3-14.3 37.9 0 52.2l99.5 99.5l-44 44.3c-87.7-87.2-49.7-49.7-99.8-99.7c-26.8-26.5-35-64.8-24.8-98.9c-26.9-5.8-46.7-29.7-46.7-58.3m129.5 116.4l44.3 44.3c10-10 89.7-89.7 99.7-99.8c14.3-14.3 37.6-14.3 51.9 0c12.8 12.8 17 35-3.5 55.4l44 44.3c31.2-31.2 38.5-67.6 28.9-101.2c29.2-4.1 51.9-29.2 51.9-59.5c0-33.2-26.8-60.1-59.8-60.1c-30.3 0-55.4 22.5-59.5 51.6c-33.8-9.9-71.7-1.5-98.3 25.1c-18.3 19.1-71.1 71.5-99.6 99.9m266.3 152.2c8.2-32.7-.9-68.5-26.3-93.9c-11.8-12.2 5 4.7-99.5-99.7l-44.3 44.3l99.7 99.7c14.3 14.3 14.3 37.6 0 51.9c-12.8 12.8-35 17-55.4-3.5l-44 44.3c27.6 30.2 68 38.8 102.7 28c5.5 27.4 29.7 48.1 58.9 48.1c33 0 59.8-26.8 59.8-60.1c0-30.2-22.5-55-51.6-59.1m-84.3-53.1l-44-44.3c-87 86.4-50.4 50.4-99.7 99.8c-14.3 14.3-37.6 14.3-51.9 0c-13.1-13.4-16.9-35.3 3.2-55.4l-44-44.3c-30.2 30.2-38 65.2-29.5 98.3c-26.7 6-46.2 29.9-46.2 58.2c0 33.3 26.8 60.1 59.8 60.1c28.6 0 52.5-19.8 58.6-46.7c32.7 8.2 68.5-.6 94.2-26c32.1-32 12.2-12.4 99.5-99.7"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsJoomla(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96.6 156.1c0-33.3 26.8-60.1 59.8-60.1c30 0 54.5 21.9 59.2 50.2c32.6-7.6 67.1.6 96.5 30l-44.3 44.3c-20.5-20.5-42.6-16.3-55.4-3.5c-14.3 14.3-14.3 37.9 0 52.2l99.5 99.5l-44 44.3c-87.7-87.2-49.7-49.7-99.8-99.7c-26.8-26.5-35-64.8-24.8-98.9c-26.9-5.8-46.7-29.7-46.7-58.3m129.5 116.4l44.3 44.3c10-10 89.7-89.7 99.7-99.8c14.3-14.3 37.6-14.3 51.9 0c12.8 12.8 17 35-3.5 55.4l44 44.3c31.2-31.2 38.5-67.6 28.9-101.2c29.2-4.1 51.9-29.2 51.9-59.5c0-33.2-26.8-60.1-59.8-60.1c-30.3 0-55.4 22.5-59.5 51.6c-33.8-9.9-71.7-1.5-98.3 25.1c-18.3 19.1-71.1 71.5-99.6 99.9m266.3 152.2c8.2-32.7-.9-68.5-26.3-93.9c-11.8-12.2 5 4.7-99.5-99.7l-44.3 44.3l99.7 99.7c14.3 14.3 14.3 37.6 0 51.9c-12.8 12.8-35 17-55.4-3.5l-44 44.3c27.6 30.2 68 38.8 102.7 28c5.5 27.4 29.7 48.1 58.9 48.1c33 0 59.8-26.8 59.8-60.1c0-30.2-22.5-55-51.6-59.1m-84.3-53.1l-44-44.3c-87 86.4-50.4 50.4-99.7 99.8c-14.3 14.3-37.6 14.3-51.9 0c-13.1-13.4-16.9-35.3 3.2-55.4l-44-44.3c-30.2 30.2-38 65.2-29.5 98.3c-26.7 6-46.2 29.9-46.2 58.2c0 33.3 26.8 60.1 59.8 60.1c28.6 0 52.5-19.8 58.6-46.7c32.7 8.2 68.5-.6 94.2-26c32.1-32 12.2-12.4 99.5-99.7"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96.6 156.1c0-33.3 26.8-60.1 59.8-60.1c30 0 54.5 21.9 59.2 50.2c32.6-7.6 67.1.6 96.5 30l-44.3 44.3c-20.5-20.5-42.6-16.3-55.4-3.5c-14.3 14.3-14.3 37.9 0 52.2l99.5 99.5l-44 44.3c-87.7-87.2-49.7-49.7-99.8-99.7c-26.8-26.5-35-64.8-24.8-98.9c-26.9-5.8-46.7-29.7-46.7-58.3m129.5 116.4l44.3 44.3c10-10 89.7-89.7 99.7-99.8c14.3-14.3 37.6-14.3 51.9 0c12.8 12.8 17 35-3.5 55.4l44 44.3c31.2-31.2 38.5-67.6 28.9-101.2c29.2-4.1 51.9-29.2 51.9-59.5c0-33.2-26.8-60.1-59.8-60.1c-30.3 0-55.4 22.5-59.5 51.6c-33.8-9.9-71.7-1.5-98.3 25.1c-18.3 19.1-71.1 71.5-99.6 99.9m266.3 152.2c8.2-32.7-.9-68.5-26.3-93.9c-11.8-12.2 5 4.7-99.5-99.7l-44.3 44.3l99.7 99.7c14.3 14.3 14.3 37.6 0 51.9c-12.8 12.8-35 17-55.4-3.5l-44 44.3c27.6 30.2 68 38.8 102.7 28c5.5 27.4 29.7 48.1 58.9 48.1c33 0 59.8-26.8 59.8-60.1c0-30.2-22.5-55-51.6-59.1m-84.3-53.1l-44-44.3c-87 86.4-50.4 50.4-99.7 99.8c-14.3 14.3-37.6 14.3-51.9 0c-13.1-13.4-16.9-35.3 3.2-55.4l-44-44.3c-30.2 30.2-38 65.2-29.5 98.3c-26.7 6-46.2 29.9-46.2 58.2c0 33.3 26.8 60.1 59.8 60.1c28.6 0 52.5-19.8 58.6-46.7c32.7 8.2 68.5-.6 94.2-26c32.1-32 12.2-12.4 99.5-99.7"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96.6%20156.1c0-33.3%2026.8-60.1%2059.8-60.1c30%200%2054.5%2021.9%2059.2%2050.2c32.6-7.6%2067.1.6%2096.5%2030l-44.3%2044.3c-20.5-20.5-42.6-16.3-55.4-3.5c-14.3%2014.3-14.3%2037.9%200%2052.2l99.5%2099.5l-44%2044.3c-87.7-87.2-49.7-49.7-99.8-99.7c-26.8-26.5-35-64.8-24.8-98.9c-26.9-5.8-46.7-29.7-46.7-58.3m129.5%20116.4l44.3%2044.3c10-10%2089.7-89.7%2099.7-99.8c14.3-14.3%2037.6-14.3%2051.9%200c12.8%2012.8%2017%2035-3.5%2055.4l44%2044.3c31.2-31.2%2038.5-67.6%2028.9-101.2c29.2-4.1%2051.9-29.2%2051.9-59.5c0-33.2-26.8-60.1-59.8-60.1c-30.3%200-55.4%2022.5-59.5%2051.6c-33.8-9.9-71.7-1.5-98.3%2025.1c-18.3%2019.1-71.1%2071.5-99.6%2099.9m266.3%20152.2c8.2-32.7-.9-68.5-26.3-93.9c-11.8-12.2%205%204.7-99.5-99.7l-44.3%2044.3l99.7%2099.7c14.3%2014.3%2014.3%2037.6%200%2051.9c-12.8%2012.8-35%2017-55.4-3.5l-44%2044.3c27.6%2030.2%2068%2038.8%20102.7%2028c5.5%2027.4%2029.7%2048.1%2058.9%2048.1c33%200%2059.8-26.8%2059.8-60.1c0-30.2-22.5-55-51.6-59.1m-84.3-53.1l-44-44.3c-87%2086.4-50.4%2050.4-99.7%2099.8c-14.3%2014.3-37.6%2014.3-51.9%200c-13.1-13.4-16.9-35.3%203.2-55.4l-44-44.3c-30.2%2030.2-38%2065.2-29.5%2098.3c-26.7%206-46.2%2029.9-46.2%2058.2c0%2033.3%2026.8%2060.1%2059.8%2060.1c28.6%200%2052.5-19.8%2058.6-46.7c32.7%208.2%2068.5-.6%2094.2-26c32.1-32%2012.2-12.4%2099.5-99.7%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96.6%20156.1c0-33.3%2026.8-60.1%2059.8-60.1c30%200%2054.5%2021.9%2059.2%2050.2c32.6-7.6%2067.1.6%2096.5%2030l-44.3%2044.3c-20.5-20.5-42.6-16.3-55.4-3.5c-14.3%2014.3-14.3%2037.9%200%2052.2l99.5%2099.5l-44%2044.3c-87.7-87.2-49.7-49.7-99.8-99.7c-26.8-26.5-35-64.8-24.8-98.9c-26.9-5.8-46.7-29.7-46.7-58.3m129.5%20116.4l44.3%2044.3c10-10%2089.7-89.7%2099.7-99.8c14.3-14.3%2037.6-14.3%2051.9%200c12.8%2012.8%2017%2035-3.5%2055.4l44%2044.3c31.2-31.2%2038.5-67.6%2028.9-101.2c29.2-4.1%2051.9-29.2%2051.9-59.5c0-33.2-26.8-60.1-59.8-60.1c-30.3%200-55.4%2022.5-59.5%2051.6c-33.8-9.9-71.7-1.5-98.3%2025.1c-18.3%2019.1-71.1%2071.5-99.6%2099.9m266.3%20152.2c8.2-32.7-.9-68.5-26.3-93.9c-11.8-12.2%205%204.7-99.5-99.7l-44.3%2044.3l99.7%2099.7c14.3%2014.3%2014.3%2037.6%200%2051.9c-12.8%2012.8-35%2017-55.4-3.5l-44%2044.3c27.6%2030.2%2068%2038.8%20102.7%2028c5.5%2027.4%2029.7%2048.1%2058.9%2048.1c33%200%2059.8-26.8%2059.8-60.1c0-30.2-22.5-55-51.6-59.1m-84.3-53.1l-44-44.3c-87%2086.4-50.4%2050.4-99.7%2099.8c-14.3%2014.3-37.6%2014.3-51.9%200c-13.1-13.4-16.9-35.3%203.2-55.4l-44-44.3c-30.2%2030.2-38%2065.2-29.5%2098.3c-26.7%206-46.2%2029.9-46.2%2058.2c0%2033.3%2026.8%2060.1%2059.8%2060.1c28.6%200%2052.5-19.8%2058.6-46.7c32.7%208.2%2068.5-.6%2094.2-26c32.1-32%2012.2-12.4%2099.5-99.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/joomla.svg?color=%231a73e8&size=48