Ícone Nuclide

logos:nuclide

O ícone Nuclide (logos:nuclide) é um ícone SVG gratuito da coleção SVG Logos de Gil Barbara. Ele é desenhado em uma grade de 256 × 308. 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 × 308

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="308" viewBox="0 0 256 308"><path fill="#7d4f8f" d="M235.734 269.653c-13.904 13.905-48.045 4.005-87.062-22.24l64.99-64.57c26.113 38.908 35.945 72.937 22.072 86.81M34.924 128.987c-19.995-33.53-26.45-61.888-14.098-74.24c12.41-12.41 40.946-5.85 74.672 14.356zm189.879 42.787l18.762-18.64V0l-91.368 90.753a376 376 0 0 0-5.545-4.59l18.762-18.492L165.398 0l-58.806 58.135C64.664 33.522 27.224 26.73 9.762 44.193C-7.625 61.577-.994 98.731 23.348 140.43L9.712 153.911v153.142l71.743-71.18l-.097-85.356l53.85-53.074a392 392 0 0 1 5.558 4.664L88.612 153.91l-.006 153.18l48.391-48.078c46.832 30.785 90.077 40.837 109.249 21.665c19.124-19.124 9.161-62.205-21.443-108.904"/><path fill="#3f2a70" d="M9.67 154.304v153.534l71.926-71.363l-.097-85.573l84.271-83.058L165.754 0z"/><path fill="#5a2a79" d="m88.256 307.886l.006-153.577L243.616 0v153.53z"/><path fill="#7d4f8f" d="M136.995 258.884c46.833 30.785 90.077 40.837 109.249 21.665c27.021-27.021-4.013-101.864-69.316-167.167S36.782 17.045 9.761 44.066C-7.624 61.45-.993 98.603 23.35 140.301l11.575-11.442c-19.995-33.53-26.45-61.887-14.098-74.24c20.55-20.549 85.316 10.901 144.66 70.246c59.345 59.344 90.795 124.11 70.246 144.659c-13.904 13.905-48.045 4.005-87.06-22.24z"/></svg>

Como usar o ícone Nuclide

React

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

<Icon icon="logos:nuclide" width="24" />

Vue

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

<template>
  <Icon icon="logos:nuclide" width="24" />
</template>

Svelte

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

<Icon icon="logos:nuclide" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:nuclide"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/logos/nuclide.svg" alt="Ícone Nuclide" width="24" height="24">

O ícone Nuclide em outras coleções

Perguntas frequentes sobre Ícone Nuclide

O ícone Nuclide é 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 Nuclide no React?

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

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

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

Ver todos os Ícones SVG Logos →