Social Joomla アイコン

Q: Social Joomla アイコンは商用利用でも無料ですか?

はい。Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

foundation:social-joomla

Social Joomla アイコン(foundation:social-joomla)は、Foundation セットの無料 SVG アイコンです（作者: Zurb）。 100 × 100 のグリッドで描かれています。 Foundation icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Foundation
作者: Zurb
ライセンス: MIT
サイズ: 100 × 100
タグ: socialjoomla

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M81.433 68.316c-1.245-1.029-2.883-1.582-4.507-2.443c1.247-6.475-1.226-11.717-6.169-16.113c-2.454-2.184-4.671-4.638-6.935-7.027c-2.06-2.176-4.038-4.43-6.348-6.976l-6.986 7.634c.418.318.987.655 1.438 1.109c4.596 4.621 9.167 9.27 13.76 13.895c1.703 1.715 2.339 3.752 1.544 6.012c-.786 2.234-2.489 3.82-4.891 3.749c-1.728-.05-3.432-.926-5.163-1.438l-6.474 6.37c4.344 4.493 9.656 5.624 15.729 4.274c.854 3.877 3.5 5.938 6.805 7.368h4.652c.324-.168.638-.363.975-.501c6.762-2.762 8.183-11.269 2.57-15.913"/><path fill="currentColor" d="M56.4 51.269c-.291.411-.625 1.066-1.122 1.559c-4.63 4.592-9.271 9.173-13.943 13.722c-2.322 2.261-5.26 2.342-7.651.31c-2.307-1.962-2.666-5.088-.869-7.652c.283-.403.6-.783.745-.971l-6.729-6.793c-4.257 4.049-5.51 9.106-4.458 14.934c-4.266 1.211-6.417 4.191-7.282 8.273v1.938c.938 4.087 3.357 6.832 7.365 8.141h4.264c2.657-1.11 5.172-2.475 6.204-5.362c.519-1.451 1.195-1.79 2.67-1.595c4.759.63 8.983-.766 12.37-4.129c5.173-5.138 10.189-10.435 15.56-15.96zM35.946 42.96l6.537 6.358c2.867-2.889 5.67-5.742 8.507-8.561c2.288-2.273 4.571-4.553 6.939-6.742c2.057-1.901 4.531-2.146 6.761-.85c2.125 1.235 3.316 3.697 2.677 6.104c-.318 1.197-1.119 2.266-1.673 3.338l6.65 6.669c4.362-4.219 5.631-9.397 4.411-15.264c6.022-2.594 8.531-5.794 8.055-10.204c-.457-4.231-3.475-7.902-7.386-8.341c-1.958-.22-4.138.099-5.998.776c-3.06 1.114-4.471 3.871-5.263 6.897c-.565-.045-.955-.033-1.325-.112c-4.585-.969-8.977-.134-12.308 2.989c-5.727 5.372-11.017 11.207-16.584 16.943"/><path fill="currentColor" d="M22.564 33.799c-1.655 6.861.583 12.263 5.552 16.803c2.381 2.176 4.605 4.527 6.86 6.837c2.244 2.299 4.438 4.646 6.653 6.97l6.918-6.839c-.526-.554-1-1.065-1.489-1.563c-4.568-4.649-9.164-9.274-13.7-13.955c-2.186-2.256-2.243-5.441-.27-7.695c2.055-2.347 5.236-2.633 7.811-.705c.34.255.69.496.633.455l6.786-6.805c-3.857-3.83-8.686-5.32-14.261-4.3c-2.728-6.083-5.454-8.083-10.412-7.681c-3.768.305-7.274 3.067-8.018 6.787c-1.162 5.824 1.469 9.659 6.937 11.691"/></svg>

Social Joomla アイコンの使い方

React

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

<Icon icon="foundation:social-joomla" width="24" />

Vue

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

<template>
  <Icon icon="foundation:social-joomla" width="24" />
</template>

Svelte

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

<Icon icon="foundation:social-joomla" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="foundation:social-joomla"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/foundation/social-joomla.svg" alt="Social Joomla アイコン" width="24" height="24">

Foundation の関連アイコン

Social Joomla アイコンのよくある質問

Social Joomla アイコンは商用利用でも無料ですか?

はい。Foundation icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Social Joomla アイコンを使うには?

@iconify/react をインストールして <Icon icon="foundation:social-joomla" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Social Joomla アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/foundation/social-joomla.svg" alt="Social Joomla アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Foundation アイコンをすべて見る →