أيقونة Joomla
logos:joomla
أيقونة Joomla (logos:joomla) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 256 × 258. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- SVG Logos
- المؤلف
- Gil Barbara
- الترخيص
- CC0-1.0
- الحجم
- 256 × 258
شيفرة 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>
كيفية استخدام أيقونة 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>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:joomla"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/logos/joomla.svg" alt="أيقونة Joomla" width="24" height="24">
أيقونة Joomla في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Joomla
هل أيقونة Joomla مجانية للاستخدام التجاري؟
نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Joomla في React؟
ثبّت @iconify/react واعرض <Icon icon="logos:joomla" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Joomla إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/joomla.svg" alt="أيقونة Joomla">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات SVG Logos →
ICONYZ
