Joomla icon
logos:joomla
The Joomla icon (logos:joomla) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 258 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 258
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="258" 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>
How to use the Joomla icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:joomla" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:joomla" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:joomla" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--joomla]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:joomla"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:joomla"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/joomla.svg" alt="Joomla icon" width="24" height="24">
Joomla icon in other icon sets
Joomla icon FAQ
Is the Joomla icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Joomla icon in React?
Install @iconify/react and render <Icon icon="logos:joomla" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Joomla icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/joomla.svg" alt="Joomla icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
