Joomla icon

fa:joomla

The Joomla icon (fa:joomla) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 1536 × 1536 grid. Font Awesome 4 icons are released under the Open Font 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: Font Awesome 4
Author: Dave Gandy
License: OFL-1.1
Size: 1536 × 1536

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1536" height="1536" viewBox="0 0 1536 1536"><path fill="currentColor" d="m1070 945l-160 160l-151 152l-30 30q-65 64-151.5 87t-171.5 2q-16 70-72 115t-129 45q-85 0-145-60.5T0 1330q0-72 44.5-128t113.5-72q-22-86 1-173t88-152l12-12l151 152l-11 11q-37 37-37 89t37 90q37 37 89 37t89-37l30-30l151-152l161-160zM729 263l12 12l-152 152l-12-12q-37-37-89-37t-89 37t-37 89.5t37 89.5l29 29l152 152l160 160l-151 152l-161-160l-151-152l-30-30q-68-67-90-159.5t5-179.5q-70-15-115-71T2 206q0-85 60-145.5T207 0q76 0 133.5 49T410 172q84-20 169.5 3.5T729 263m807 1067q0 85-60 145.5t-145 60.5q-74 0-131-47t-71-118q-86 28-179.5 6T788 1287l-11-12l151-152l12 12q37 37 89 37t89-37t37-89t-37-89l-30-30l-152-152l-160-160l152-152l160 160l152 152l29 30q64 64 87.5 150.5t2.5 171.5q76 11 126.5 68.5T1536 1330m-2-1124q0 77-51 135t-127 69q26 85 3 176.5T1269 745l-12 12l-151-152l12-12q37-37 37-89t-37-89t-89-37t-89 37l-30 30l-152 152l-160 160l-152-152l161-160l152-152l29-30q67-67 159-89.5t178 3.5q11-75 68.5-126T1329 0q85 0 145 60.5t60 145.5"/></svg>

How to use the Joomla icon

React

import { Icon } from "@iconify/react";

<Icon icon="fa:joomla" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa:joomla" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa:joomla" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--joomla]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:joomla"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa:joomla"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa/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. Font Awesome 4 icons are released under the Open Font 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="fa: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/fa/joomla.svg" alt="Joomla icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 4 icons →