Uplabs アイコン
simple-icons:uplabs
Uplabs アイコン(simple-icons:uplabs)は、Simple Icons セットの無料 SVG アイコンです(作者: Simple Icons Collaborators)。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
- タグ
- uplab
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.804 19.205c-.112-.111-.186-.26-.297-.372q-1.333-1.34-4.11-1.34c-1.816 0-3.186.446-4.075 1.34c-.111.112-.185.223-.296.372zm2.88-.044V5.164h2.959V6.9c.406-.702.887-1.219 1.479-1.588a4.06 4.06 0 0 1 2.034-.517c1.516 0 2.7.517 3.55 1.514S24 8.709 24 10.482c0 1.736-.444 3.102-1.294 4.136s-1.997 1.551-3.402 1.551c-.851 0-1.554-.147-2.145-.48c-.592-.295-1.11-.812-1.516-1.477c.037.259.073.554.073.886c0 .296.037.665.037 1.071v2.955h-3.069zm2.81-8.679c0 .96.222 1.699.703 2.253c.481.517 1.147.812 1.96.812c.85 0 1.516-.258 1.96-.812c.48-.517.703-1.293.703-2.253s-.222-1.699-.703-2.253c-.48-.554-1.146-.812-1.997-.812c-.813 0-1.479.295-1.96.85c-.444.48-.665 1.255-.665 2.215zM7.73 5.201v5.577q0 1.385-.555 1.994c-.37.406-.961.628-1.775.628c-.813 0-1.405-.185-1.775-.591c-.37-.407-.555-1.071-.555-2.031V5.2H0v5.577c0 1.661.333 2.88.998 3.767c.111.11.185.258.296.369q1.332 1.33 4.105 1.33c1.812 0 3.18-.444 4.068-1.33c.11-.111.185-.222.296-.37q.998-1.33.998-3.766V5.2Z"/></svg>Uplabs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:uplabs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:uplabs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:uplabs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--uplabs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:uplabs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:uplabs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/uplabs.svg" alt="Uplabs アイコン" width="24" height="24">他のアイコンセットの Uplabs アイコン
Uplabs アイコン のよくある質問
Uplabs アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Uplabs アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:uplabs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Uplabs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/uplabs.svg" alt="Uplabs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。