ICONYZ
Português (Brasil)
Ícone Onex de theSVG

Ícone Onex

thesvg:onex

O ícone Onex (thesvg:onex) é um ícone SVG gratuito da coleção theSVG de thesvg.org. Ele é desenhado em uma grade de 1545 × 1151. theSVG 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
Autor
thesvg.org
Licença
MIT
Tamanho
1545 × 1151
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1545" height="1151" viewBox="0 0 1545 1151"><path fill="currentColor" fill-rule="evenodd" d="M.1 408.1C.1 78.5 185.3 0 495.9 0h553.3C1359.9 0 1545 77.4 1545 408.1V744c0 329.6-185.1 407-495.8 407H495.9C185.3 1151 .1 1073.6.1 744zm354.6 229.1c0 163.3 34.5 226 197.7 226h441.4c163.2 0 197.7-61.7 197.7-226V515.8c0-140.2-34.5-226-216.5-226H570.2c-182 0-216.5 85.8-216.5 226v121.4z"/></svg>

Como usar o ícone Onex

React

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

<Icon icon="thesvg:onex" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:onex" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:onex" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="thesvg:onex"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/thesvg/onex.svg" alt="Ícone Onex" width="24" height="24">

O ícone Onex em outras coleções

Perguntas frequentes sobre Ícone Onex

O ícone Onex é grátis para uso comercial?

Sim. theSVG icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Onex no React?

Instale @iconify/react e renderize <Icon icon="thesvg:onex" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Onex a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg/onex.svg" alt="Ícone Onex">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones theSVG →