Ícone Uxuy
thesvg-color:uxuy
O ícone Uxuy (thesvg-color:uxuy) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 655 × 264. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 655 × 264
Código 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>Como usar o ícone 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 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/uxuy.svg" alt="Ícone Uxuy" width="24" height="24">Perguntas frequentes sobre Ícone Uxuy
O ícone Uxuy é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Uxuy no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:uxuy" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Uxuy a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/uxuy.svg" alt="Ícone Uxuy">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.