Joomla アイコン
cib:joomla
Joomla アイコン(cib:joomla)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m22.292 19.677l-7.109 7.12a7.1 7.1 0 0 1-6.729 1.859a4.28 4.28 0 1 1-5.161-5.125a7.09 7.09 0 0 1 1.859-6.771l.24-.24l3.161 3.156l-.245.245a2.63 2.63 0 0 0 0 3.719a2.61 2.61 0 0 0 3.714 0l.62-.62l6.495-6.505zm1.234 8.87a7.09 7.09 0 0 1-7.104-1.755l-.24-.25l3.151-3.156l.24.245a2.63 2.63 0 0 0 3.719 0a2.627 2.627 0 0 0-.005-3.708l-.625-.62l-3.151-3.161l-3.339-3.333l3.161-3.161l7.104 7.12a7.04 7.04 0 0 1 1.885 6.693a4.29 4.29 0 0 1 3.677 4.24a4.27 4.27 0 0 1-4.281 4.281c-2.057 0-3.797-1.458-4.177-3.417zM9.302 12.615l3.344-3.339l3.156-3.161l.62-.615a7.05 7.05 0 0 1 7.016-1.781c.286-2.078 2.078-3.698 4.24-3.698a4.28 4.28 0 0 1 4.281 4.276a4.285 4.285 0 0 1-3.719 4.25a7.08 7.08 0 0 1-1.802 6.979l-.24.245l-3.161-3.156l.25-.25a2.627 2.627 0 0 0 0-3.708a2.62 2.62 0 0 0-3.708.005l-.62.615l-6.5 6.495zM5.76 16.146l-.615-.62a7.08 7.08 0 0 1-1.776-7.047A4.3 4.3 0 0 1 .041 4.297a4.28 4.28 0 0 1 8.505-.687a7.09 7.09 0 0 1 6.641 1.885l.245.245l-3.161 3.161l-.245-.24a2.635 2.635 0 0 0-3.714 0c-1.026 1.042-1.026 2.698-.005 3.719l7.12 7.12l-3.156 3.161l-6.51-6.5z"/></svg>
Joomla アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:joomla" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:joomla" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:joomla" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--joomla]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:joomla"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:joomla"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/joomla.svg" alt="Joomla アイコン" width="24" height="24">
Joomla アイコン のよくある質問
Joomla アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Joomla アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:joomla" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Joomla アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/joomla.svg" alt="Joomla アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
CoreUI Brands アイコン をすべて見る →
ICONYZ
