Ikon Joomla
logos:joomla
Ikon Joomla (logos:joomla) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 258. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 258
Kode SVG
<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>
Cara memakai ikon Joomla
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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/joomla.svg" alt="Ikon Joomla" width="24" height="24">
Ikon Joomla di set ikon lain
FAQ Ikon Joomla
Apakah ikon Joomla gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Joomla di React?
Pasang @iconify/react lalu render <Icon icon="logos:joomla" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Joomla ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/joomla.svg" alt="Ikon Joomla">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon SVG Logos →
ICONYZ
