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 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 コードをページに直接貼り付けます。