joomla logo
joomla from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- joomla
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×258
- License
- CC0
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 256 258"><path fill="#f9ae41" d="M255.667 35.561c0-18.607-15.084-33.691-33.691-33.691c-16.99 0-31.035 12.578-33.349 28.929l-.341-.18c-27.553-12.427-50.762 9.584-50.762 9.584l-61.391 61.692l24.257 23.36l49.413-48.546c23.074-23.075 35.638-7.457 35.638-7.457c17.37 14.674.598 32.044.598 32.044l24.857 23.959c20.298-21.923 21.475-41.056 15.305-56.276c16.612-2.08 29.466-16.243 29.466-33.418"/><path fill="#ee4035" d="M226.514 190.507c.115-.215.18-.34.18-.34c12.428-27.554-9.584-50.763-9.584-50.763l-61.693-61.393l-23.359 24.259l48.546 49.412c23.074 23.075 7.456 35.64 7.456 35.64c-14.673 17.37-32.043.598-32.043.598l-23.959 24.856c21.922 20.298 41.056 21.475 56.275 15.305c2.08 16.612 16.244 29.467 33.419 29.467c18.607 0 33.69-15.084 33.69-33.691c0-16.99-12.577-31.035-28.928-33.35"/><path fill="#4f91cd" d="m155.942 133.04l-49.413 48.545c-23.075 23.076-35.639 7.459-35.639 7.459C53.52 174.369 70.291 157 70.291 157l-24.855-23.96c-20.298 21.922-21.476 41.055-15.307 56.275C13.517 191.396.663 205.558.663 222.734c0 18.607 15.084 33.69 33.692 33.69c16.99.001 31.035-12.576 33.349-28.927c.216.115.341.179.341.179c27.554 12.43 50.762-9.584 50.762-9.584l61.392-61.693z"/><path fill="#7ac043" d="M75.727 106.613c-23.075-23.075-7.459-35.64-7.459-35.64c14.676-17.37 32.045-.598 32.045-.598l23.959-24.855C102.35 25.222 83.217 24.045 67.997 30.214C65.917 13.601 51.755.747 34.577.747C15.973.747.89 15.831.888 34.438c0 16.991 12.577 31.036 28.929 33.35c-.115.216-.179.342-.179.342c-12.43 27.552 9.583 50.76 9.583 50.76l61.694 61.393l23.359-24.257z"/></svg>
React
import type { SVGProps } from "react";
export function LogosJoomla(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 258"><path fill="#f9ae41" d="M255.667 35.561c0-18.607-15.084-33.691-33.691-33.691c-16.99 0-31.035 12.578-33.349 28.929l-.341-.18c-27.553-12.427-50.762 9.584-50.762 9.584l-61.391 61.692l24.257 23.36l49.413-48.546c23.074-23.075 35.638-7.457 35.638-7.457c17.37 14.674.598 32.044.598 32.044l24.857 23.959c20.298-21.923 21.475-41.056 15.305-56.276c16.612-2.08 29.466-16.243 29.466-33.418"/><path fill="#ee4035" d="M226.514 190.507c.115-.215.18-.34.18-.34c12.428-27.554-9.584-50.763-9.584-50.763l-61.693-61.393l-23.359 24.259l48.546 49.412c23.074 23.075 7.456 35.64 7.456 35.64c-14.673 17.37-32.043.598-32.043.598l-23.959 24.856c21.922 20.298 41.056 21.475 56.275 15.305c2.08 16.612 16.244 29.467 33.419 29.467c18.607 0 33.69-15.084 33.69-33.691c0-16.99-12.577-31.035-28.928-33.35"/><path fill="#4f91cd" d="m155.942 133.04l-49.413 48.545c-23.075 23.076-35.639 7.459-35.639 7.459C53.52 174.369 70.291 157 70.291 157l-24.855-23.96c-20.298 21.922-21.476 41.055-15.307 56.275C13.517 191.396.663 205.558.663 222.734c0 18.607 15.084 33.69 33.692 33.69c16.99.001 31.035-12.576 33.349-28.927c.216.115.341.179.341.179c27.554 12.43 50.762-9.584 50.762-9.584l61.392-61.693z"/><path fill="#7ac043" d="M75.727 106.613c-23.075-23.075-7.459-35.64-7.459-35.64c14.676-17.37 32.045-.598 32.045-.598l23.959-24.855C102.35 25.222 83.217 24.045 67.997 30.214C65.917 13.601 51.755.747 34.577.747C15.973.747.89 15.831.888 34.438c0 16.991 12.577 31.036 28.929 33.35c-.115.216-.179.342-.179.342c-12.43 27.552 9.583 50.76 9.583 50.76l61.694 61.393l23.359-24.257z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 258"><path fill="#f9ae41" d="M255.667 35.561c0-18.607-15.084-33.691-33.691-33.691c-16.99 0-31.035 12.578-33.349 28.929l-.341-.18c-27.553-12.427-50.762 9.584-50.762 9.584l-61.391 61.692l24.257 23.36l49.413-48.546c23.074-23.075 35.638-7.457 35.638-7.457c17.37 14.674.598 32.044.598 32.044l24.857 23.959c20.298-21.923 21.475-41.056 15.305-56.276c16.612-2.08 29.466-16.243 29.466-33.418"/><path fill="#ee4035" d="M226.514 190.507c.115-.215.18-.34.18-.34c12.428-27.554-9.584-50.763-9.584-50.763l-61.693-61.393l-23.359 24.259l48.546 49.412c23.074 23.075 7.456 35.64 7.456 35.64c-14.673 17.37-32.043.598-32.043.598l-23.959 24.856c21.922 20.298 41.056 21.475 56.275 15.305c2.08 16.612 16.244 29.467 33.419 29.467c18.607 0 33.69-15.084 33.69-33.691c0-16.99-12.577-31.035-28.928-33.35"/><path fill="#4f91cd" d="m155.942 133.04l-49.413 48.545c-23.075 23.076-35.639 7.459-35.639 7.459C53.52 174.369 70.291 157 70.291 157l-24.855-23.96c-20.298 21.922-21.476 41.055-15.307 56.275C13.517 191.396.663 205.558.663 222.734c0 18.607 15.084 33.69 33.692 33.69c16.99.001 31.035-12.576 33.349-28.927c.216.115.341.179.341.179c27.554 12.43 50.762-9.584 50.762-9.584l61.392-61.693z"/><path fill="#7ac043" d="M75.727 106.613c-23.075-23.075-7.459-35.64-7.459-35.64c14.676-17.37 32.045-.598 32.045-.598l23.959-24.855C102.35 25.222 83.217 24.045 67.997 30.214C65.917 13.601 51.755.747 34.577.747C15.973.747.89 15.831.888 34.438c0 16.991 12.577 31.036 28.929 33.35c-.115.216-.179.342-.179.342c-12.43 27.552 9.583 50.76 9.583 50.76l61.694 61.393l23.359-24.257z"/></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%20256%20258%22%3E%3Cpath%20fill%3D%22%23f9ae41%22%20d%3D%22M255.667%2035.561c0-18.607-15.084-33.691-33.691-33.691c-16.99%200-31.035%2012.578-33.349%2028.929l-.341-.18c-27.553-12.427-50.762%209.584-50.762%209.584l-61.391%2061.692l24.257%2023.36l49.413-48.546c23.074-23.075%2035.638-7.457%2035.638-7.457c17.37%2014.674.598%2032.044.598%2032.044l24.857%2023.959c20.298-21.923%2021.475-41.056%2015.305-56.276c16.612-2.08%2029.466-16.243%2029.466-33.418%22%2F%3E%3Cpath%20fill%3D%22%23ee4035%22%20d%3D%22M226.514%20190.507c.115-.215.18-.34.18-.34c12.428-27.554-9.584-50.763-9.584-50.763l-61.693-61.393l-23.359%2024.259l48.546%2049.412c23.074%2023.075%207.456%2035.64%207.456%2035.64c-14.673%2017.37-32.043.598-32.043.598l-23.959%2024.856c21.922%2020.298%2041.056%2021.475%2056.275%2015.305c2.08%2016.612%2016.244%2029.467%2033.419%2029.467c18.607%200%2033.69-15.084%2033.69-33.691c0-16.99-12.577-31.035-28.928-33.35%22%2F%3E%3Cpath%20fill%3D%22%234f91cd%22%20d%3D%22m155.942%20133.04l-49.413%2048.545c-23.075%2023.076-35.639%207.459-35.639%207.459C53.52%20174.369%2070.291%20157%2070.291%20157l-24.855-23.96c-20.298%2021.922-21.476%2041.055-15.307%2056.275C13.517%20191.396.663%20205.558.663%20222.734c0%2018.607%2015.084%2033.69%2033.692%2033.69c16.99.001%2031.035-12.576%2033.349-28.927c.216.115.341.179.341.179c27.554%2012.43%2050.762-9.584%2050.762-9.584l61.392-61.693z%22%2F%3E%3Cpath%20fill%3D%22%237ac043%22%20d%3D%22M75.727%20106.613c-23.075-23.075-7.459-35.64-7.459-35.64c14.676-17.37%2032.045-.598%2032.045-.598l23.959-24.855C102.35%2025.222%2083.217%2024.045%2067.997%2030.214C65.917%2013.601%2051.755.747%2034.577.747C15.973.747.89%2015.831.888%2034.438c0%2016.991%2012.577%2031.036%2028.929%2033.35c-.115.216-.179.342-.179.342c-12.43%2027.552%209.583%2050.76%209.583%2050.76l61.694%2061.393l23.359-24.257z%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%20256%20258%22%3E%3Cpath%20fill%3D%22%23f9ae41%22%20d%3D%22M255.667%2035.561c0-18.607-15.084-33.691-33.691-33.691c-16.99%200-31.035%2012.578-33.349%2028.929l-.341-.18c-27.553-12.427-50.762%209.584-50.762%209.584l-61.391%2061.692l24.257%2023.36l49.413-48.546c23.074-23.075%2035.638-7.457%2035.638-7.457c17.37%2014.674.598%2032.044.598%2032.044l24.857%2023.959c20.298-21.923%2021.475-41.056%2015.305-56.276c16.612-2.08%2029.466-16.243%2029.466-33.418%22%2F%3E%3Cpath%20fill%3D%22%23ee4035%22%20d%3D%22M226.514%20190.507c.115-.215.18-.34.18-.34c12.428-27.554-9.584-50.763-9.584-50.763l-61.693-61.393l-23.359%2024.259l48.546%2049.412c23.074%2023.075%207.456%2035.64%207.456%2035.64c-14.673%2017.37-32.043.598-32.043.598l-23.959%2024.856c21.922%2020.298%2041.056%2021.475%2056.275%2015.305c2.08%2016.612%2016.244%2029.467%2033.419%2029.467c18.607%200%2033.69-15.084%2033.69-33.691c0-16.99-12.577-31.035-28.928-33.35%22%2F%3E%3Cpath%20fill%3D%22%234f91cd%22%20d%3D%22m155.942%20133.04l-49.413%2048.545c-23.075%2023.076-35.639%207.459-35.639%207.459C53.52%20174.369%2070.291%20157%2070.291%20157l-24.855-23.96c-20.298%2021.922-21.476%2041.055-15.307%2056.275C13.517%20191.396.663%20205.558.663%20222.734c0%2018.607%2015.084%2033.69%2033.692%2033.69c16.99.001%2031.035-12.576%2033.349-28.927c.216.115.341.179.341.179c27.554%2012.43%2050.762-9.584%2050.762-9.584l61.392-61.693z%22%2F%3E%3Cpath%20fill%3D%22%237ac043%22%20d%3D%22M75.727%20106.613c-23.075-23.075-7.459-35.64-7.459-35.64c14.676-17.37%2032.045-.598%2032.045-.598l23.959-24.855C102.35%2025.222%2083.217%2024.045%2067.997%2030.214C65.917%2013.601%2051.755.747%2034.577.747C15.973.747.89%2015.831.888%2034.438c0%2016.991%2012.577%2031.036%2028.929%2033.35c-.115.216-.179.342-.179.342c-12.43%2027.552%209.583%2050.76%209.583%2050.76l61.694%2061.393l23.359-24.257z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/joomla.svg?color=%231a73e8&size=48
