ICONYZ
日本語
theSVG Color の Uxuy アイコン

Uxuy アイコン

thesvg-color:uxuy

Uxuy アイコン(thesvg-color:uxuy)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 655 × 264 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
655 × 264
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="655" height="264" viewBox="0 0 655 264"><g fill="none"><path fill="#000" d="M88.04 181q-15.06 0-24.546-4.795T48.672 164.05q-5.217-7.359-7.47-15.277q-2.253-8.028-2.728-14.608q-.474-6.579-.474-9.589V57h32.727v56.871q0 4.125.475 10.593q.474 6.356 2.964 12.824t8.063 10.816q5.692 4.35 16.008 4.349q4.15 0 8.893-1.226q4.743-1.227 8.894-4.684q4.15-3.569 6.759-10.37q2.727-6.914 2.727-18.065l18.498 8.252q0 14.273-6.166 26.762t-18.617 20.184Q106.893 181 88.04 181"/><path fill="#000" d="M129.541 180v-42.489h-4.031V57H158v123zm262.499 1q-15.06 0-24.546-4.795t-14.822-12.155q-5.217-7.359-7.47-15.277q-2.253-8.028-2.728-14.608q-.474-6.579-.474-9.589V57h32.727v56.871q0 4.125.475 10.593q.474 6.356 2.964 12.824t8.063 10.816q5.693 4.35 16.008 4.349q4.15 0 8.893-1.226q4.743-1.227 8.894-4.684q4.15-3.569 6.759-10.37q2.727-6.914 2.727-18.065l18.498 8.252q0 14.273-6.166 26.762t-18.617 20.184Q410.894 181 392.04 181m41.501-1v-42.489h-4.031V57H462v123z"/><path fill="#fe4200" d="M216.104 56.999h-39.986l51.664 61.441l-51.634 61.546h40.006l51.679-61.531zm55.549 65.999l31.704 37.704l.04-.057l16.248 19.292h-40.154l-27.874-33.15zm.014-9.103l-20.075-23.836L308.618 22h39.986z"/><path fill="#000" d="M581.468 56.96H617L540.432 242h-36.533zm-37.151 73.981L513.408 56.96h-36.032l49.066 116.286z"/></g></svg>

Uxuy アイコンの使い方

React

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

<Icon icon="thesvg-color:uxuy" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:uxuy" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:uxuy" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--uxuy]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:uxuy"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:uxuy"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/uxuy.svg" alt="Uxuy アイコン" width="24" height="24">

Uxuy アイコン のよくある質問

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

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

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

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

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

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

theSVG Color アイコン をすべて見る →