Uxuy icon

thesvg-color:uxuy

The Uxuy icon (thesvg-color:uxuy) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 655 × 264 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 655 × 264

Download SVG

SVG code

<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>

How to use the Uxuy icon

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 component

<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 image

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

Uxuy icon FAQ

Is the Uxuy icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Uxuy icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:uxuy" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Uxuy icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/uxuy.svg" alt="Uxuy icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →