Ubuntu アイコン
devicon-plain:ubuntu
Ubuntu アイコン(devicon-plain:ubuntu)は、Devicon Plain セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Devicon Plain
- 作者
- konpa
- ライセンス
- MIT
- サイズ
- 128 × 128
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M24 0v128h80.662V0zm53.22 55.023c4.613 0 8.35 3.768 8.35 8.416s-3.737 8.416-8.35 8.416c-4.61 0-8.35-3.768-8.35-8.416s3.74-8.416 8.35-8.416m-11.486.854q.98.006 1.965.086a12.2 12.2 0 0 0-2.533 6.824c-6.573.122-12.64 3.392-16.398 8.842a11.8 11.8 0 0 0-3.815-1.549a11.8 11.8 0 0 0-2.52-.271c-.21 0-.421.002-.634.015l-.004.002c4.872-8.663 14.146-14.006 23.94-13.949zm22.594 12.328a27.77 27.77 0 0 1 3.938 20.963a27.7 27.7 0 0 1-5.303 11.342l.002.006l-.004-.004l.002-.002a12.1 12.1 0 0 0-3.996-6.268a20.7 20.7 0 0 0 2.597-6.52a20.74 20.74 0 0 0-1.93-13.976a12.1 12.1 0 0 0 4.694-5.54zM42.443 73.48c4.611 0 8.35 3.768 8.35 8.416s-3.739 8.416-8.35 8.416c-4.612 0-8.35-3.768-8.35-8.416s3.738-8.416 8.35-8.416m4.963 19.417c2.826 5.492 7.853 9.364 13.87 10.663l.001-.004a20 20 0 0 0 2.05.336a12.1 12.1 0 0 0 2.443 7.037a27.2 27.2 0 0 1-5.93-.614c-8.903-1.924-16.153-8.07-19.572-16.535a11.93 11.93 0 0 0 7.138-.883m27.936 2.291c4.612 0 8.35 3.769 8.35 8.417s-3.738 8.416-8.35 8.416c-4.611 0-8.352-3.769-8.352-8.416s3.74-8.416 8.352-8.416z"/></svg>
Ubuntu アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:ubuntu" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:ubuntu" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:ubuntu" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--ubuntu]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:ubuntu"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:ubuntu"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon-plain/ubuntu.svg" alt="Ubuntu アイコン" width="24" height="24">
Ubuntu アイコン のよくある質問
Ubuntu アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ubuntu アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon-plain:ubuntu" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ubuntu アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/ubuntu.svg" alt="Ubuntu アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Devicon Plain アイコン をすべて見る →
ICONYZ
