Ícone Nx
logos:nx
O ícone Nx (logos:nx) é um ícone SVG gratuito da coleção SVG Logos de Gil Barbara. Ele é desenhado em uma grade de 256 × 160. SVG Logos icons são publicados sob a licença CC0, 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
- SVG Logos
- Autor
- Gil Barbara
- Licença
- CC0-1.0
- Tamanho
- 256 × 160
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="160" viewBox="0 0 256 160"><path fill="#012f55" d="m39.37 0l55.965 94.22l.049-42.649l32.473 50.76l-33.412 52.51l-55.387-89.885l-.128 94.102H0V0zm94.895 44.468l16.203 25.438l.205.353a57.22 57.22 0 0 1 47.854-25.79c31.247 0 56.655 26.446 57.274 57.582l.01 1.052h-.029v.396a7.535 7.535 0 0 1-15.058.224l-.009-.277l-.004-.358c-.125-4.924-2.833-6.922-6.39-8.395l-.526-.213l-.537-.206l-.547-.202l-2.838-1.007l-.58-.213l-.58-.22l-.581-.229l-.29-.119l-.58-.246l-.575-.26c-2.295-1.067-4.49-2.496-6.235-4.77l-.204-.273l-.204-.285l-.304-.447l-.408-.63l-1.29-2.064l-.47-.728l-.37-.553l-.258-.371l-.403-.558l-.28-.372l-.292-.372l-.15-.185l-.309-.368c-3.04-3.553-7.799-6.745-17.003-6.745a28.687 28.687 0 0 0-28.696 28.696a7.5 7.5 0 0 0 .751 3.126l.149.289l34.244 53.89h-37.767l-16.72-25.233l-16.428 25.233H96.284l36.044-56.747l-36.934-57.843zm121.586 66.756a14.4 14.4 0 0 1-1.096 7.896c-1.322 3.058-3.186 3.61-4.428 3.582l-.206-.01l-.193-.02l-.179-.026l-.237-.048l-.196-.053l-.253-.087l-.092-.042l-.111-.063l-.167-.104l-.135-.093l-.148-.11l-.157-.13l-.08-.071l-.161-.156c-.698-.716-1.323-1.94-.213-3.645c.82-1.268 1.957-1.98 3.147-2.618l1.201-.635c1.439-.776 2.827-1.683 3.704-3.567M134.363 0v40.437l-.088.45H95.394l-.01-.45L95.433 0z"/><path fill="#96d8e9" d="M194.368 84.984a21.99 21.99 0 0 0-21.006 14.255a20.95 20.95 0 0 1 24.988-7.886c4.227 1.722 9.784 4.5 14.187 3.013a22.36 22.36 0 0 0-18.169-9.382"/><path fill="#48c4e5" d="M238.484 104.121c0-4.765-2.592-5.87-7.974-7.827c-3.992-1.39-8.522-2.955-11.819-7.26c-.645-.851-1.242-1.81-1.878-2.827a22.7 22.7 0 0 0-5.685-6.85c-3.14-2.308-7.26-3.433-12.601-3.433a26.475 26.475 0 0 0-24.46 16.388a24.822 24.822 0 0 1 42.687 4.138a7.974 7.974 0 0 0 8.913 3.562c5.254-1.125 4.892 3.845 12.827 5.528z"/></svg>Como usar o ícone Nx
React
import { Icon } from "@iconify/react";
<Icon icon="logos:nx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:nx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:nx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--nx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:nx"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:nx"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/logos/nx.svg" alt="Ícone Nx" width="24" height="24">O ícone Nx em outras coleções
Perguntas frequentes sobre Ícone Nx
O ícone Nx é grátis para uso comercial?
Sim. SVG Logos icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Nx no React?
Instale @iconify/react e renderize <Icon icon="logos:nx" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Nx a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/logos/nx.svg" alt="Ícone Nx">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.