Иконка 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

<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 →