Ubuntu Light アイコン
skill-icons:ubuntu-light
Ubuntu Light アイコン(skill-icons:ubuntu-light)は、Skill Icons セットの無料 SVG アイコンです（作者: tandpfun）。 256 × 256 のグリッドで描かれています。 Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Skill Icons
- 作者
- tandpfun
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- ubuntulight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><g clip-path="url(#SVGv3WPqdcU)"><path fill="#f4f2ed" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><path fill="#f47421" d="M127.5 206.25c43.492 0 78.75-35.258 78.75-78.75s-35.258-78.75-78.75-78.75s-78.75 35.258-78.75 78.75s35.258 78.75 78.75 78.75"/><path stroke="#fff" stroke-width="8.55" d="M127.5 165.694c21.094 0 38.194-17.1 38.194-38.194s-17.1-38.194-38.194-38.194s-38.194 17.1-38.194 38.194s17.1 38.194 38.194 38.194Z"/><path fill="#f47421" d="M73.95 142.266c8.155 0 14.766-6.611 14.766-14.766s-6.611-14.766-14.766-14.766s-14.766 6.611-14.766 14.766s6.611 14.766 14.766 14.766"/><path fill="#000" d="M157.25 127.5h17.5z"/><path stroke="#f47421" stroke-width="3.238" d="M157.25 127.5h17.5"/><path fill="#fff" d="M73.95 138.013c5.806 0 10.513-4.707 10.513-10.513s-4.707-10.513-10.513-10.513s-10.513 4.707-10.513 10.513s4.707 10.513 10.513 10.513"/><path fill="#f47421" d="M141.487 73.742c-4.077 7.062-1.657 16.093 5.405 20.17s16.093 1.658 20.17-5.405c4.078-7.062 1.658-16.093-5.404-20.17c-7.063-4.078-16.093-1.658-20.171 5.404"/><path fill="#000" d="m112.625 153.264l-8.75 15.156z"/><path stroke="#f47421" stroke-width="3.238" d="m112.625 153.264l-8.75 15.156"/><path fill="#fff" d="M145.17 75.868c-2.903 5.028-1.18 11.458 3.848 14.361s11.458 1.18 14.361-3.848s1.18-11.458-3.848-14.361s-11.458-1.18-14.361 3.848"/><path fill="#f47421" d="M167.062 166.493c-4.077-7.063-13.108-9.482-20.17-5.405c-7.063 4.078-9.482 13.108-5.405 20.171c4.078 7.062 13.108 9.482 20.171 5.404s9.482-13.108 5.404-20.17"/><path fill="#000" d="m112.625 101.736l-8.75-15.156z"/><path stroke="#f47421" stroke-width="3.238" d="m112.625 101.736l-8.75-15.156"/><path fill="#fff" d="M163.379 168.619c-2.903-5.028-9.332-6.751-14.361-3.848c-5.028 2.903-6.751 9.333-3.848 14.361s9.333 6.751 14.361 3.848s6.751-9.332 3.848-14.361"/></g><defs><clipPath id="SVGv3WPqdcU"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath></defs></g></svg>Ubuntu Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:ubuntu-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:ubuntu-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:ubuntu-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--ubuntu-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:ubuntu-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:ubuntu-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/skill-icons/ubuntu-light.svg" alt="Ubuntu Light アイコン" width="24" height="24">Skill Icons の関連アイコン
他のアイコンセットの Ubuntu Light アイコン
Ubuntu Light アイコン のよくある質問
Ubuntu Light アイコンは商用利用でも無料ですか?
はい。Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ubuntu Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="skill-icons:ubuntu-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ubuntu Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/skill-icons/ubuntu-light.svg" alt="Ubuntu Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。