Ubuntu アイコン
fa7-brands:ubuntu
Ubuntu アイコン(fa7-brands:ubuntu)は、Font Awesome Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M501.2 139c0-20.1-8-39.3-22.2-53.5s-33.4-22.2-53.5-22.2s-39.3 8-53.5 22.2s-22.2 33.4-22.2 53.5s8 39.3 22.1 53.5s33.4 22.1 53.5 22.1s39.3-8 53.5-22.1S501 159.1 501 139h.1zm-315 165.7c0-41.8-33.8-75.6-75.6-75.6S35 262.9 35 304.7s33.8 75.6 75.6 75.6s75.6-33.8 75.6-75.6M89 410c18.6 46.9 51 87 93 115.1s91.5 42.6 142 41.7c-14.7-18.6-22.9-41.5-23.2-65.2c-6.8-.9-13.3-2.1-19.5-3.4c-26.8-5.7-51.9-17.3-73.6-34s-39.3-38.1-51.7-62.5c-20.9 9.9-44.5 12.8-67.1 8.2zm395.1 89.8c0-41.8-33.8-75.6-75.6-75.6s-75.6 33.8-75.6 75.6s33.8 75.6 75.6 75.6s75.6-33.8 75.6-75.6m-8.1-84.2c18.5 14.8 31.6 35.2 37.2 58.2c33.3-41.3 52.6-92.2 54.8-145.2s-12.5-105.4-42.2-149.4c-8.6 21.5-24 39.6-43.8 51.6c15.4 28.6 22.9 60.8 21.9 93.2s-10.7 64-28 91.6zM133.1 199.4c12.4 2.7 24.3 7.5 35.1 14.3c16.6-24.2 38.9-44.1 64.8-58s54.8-21.3 84.2-21.7c.2-5.9.9-11.9 2-17.7c3.6-16.7 11.1-32.3 21.8-45.5c-47.7-3.8-95.4 6-137.6 28.5s-77.1 56.4-100.6 98.1c2.7-.2 5.3-.3 8-.3c7.5 0 15 .8 22.4 2.3z"/></svg>
Ubuntu アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:ubuntu" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:ubuntu" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:ubuntu" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--ubuntu]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:ubuntu"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:ubuntu"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-brands/ubuntu.svg" alt="Ubuntu アイコン" width="24" height="24">
Ubuntu アイコン のよくある質問
Ubuntu アイコンは商用利用でも無料ですか?
はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Ubuntu アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-brands:ubuntu" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ubuntu アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/ubuntu.svg" alt="Ubuntu アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome Brands アイコン をすべて見る →
ICONYZ
