Ícone Gnome Icon
logos:gnome-icon
O ícone Gnome Icon (logos:gnome-icon) é um ícone SVG gratuito da coleção SVG Logos de Gil Barbara. Ele é desenhado em uma grade de 256 × 315. 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 × 315
- Tags
- gnomeicon
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="315" viewBox="0 0 256 315"><path d="M210.658 136.723c10.613 63.064-150.402 86.092-89.773 132.253c19.046 14.5 38.493 3.392 35.547-19.101c-2.458-18.766 65.957-30.13 60.598-1.77c-7.016 37.191-44.519 66.55-77.033 66.55c-66.092 0-129.432-76.857-117.052-132.256c18.29-81.907 178.903-98.023 187.713-45.676m-180.2-7.804c-13.944 6.136-45.617-33.426-21.915-49.803c23.712-16.374 35.86 43.665 21.916 49.803M69.75 97.493c-16.586 3.39-41.7-47.043-12.093-59.261C87.26 26.016 86.35 94.109 69.75 97.493M229.01 0c65.46 0-4.095 93.234-40.914 93.234C151.27 93.234 163.55 0 229.008 0M120.315 81.68c-19.615-1.196-32.57-65.26 4.268-70.042c36.85-4.781 15.339 71.24-4.268 70.043"/></svg>Como usar o ícone Gnome Icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:gnome-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:gnome-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:gnome-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--gnome-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:gnome-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:gnome-icon"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/logos/gnome-icon.svg" alt="Ícone Gnome Icon" width="24" height="24">Ícones relacionados em SVG Logos
Perguntas frequentes sobre Ícone Gnome Icon
O ícone Gnome Icon é 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 Gnome Icon no React?
Instale @iconify/react e renderize <Icon icon="logos:gnome-icon" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Gnome Icon a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/logos/gnome-icon.svg" alt="Ícone Gnome Icon">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.