Gnome Icon icon
logos:gnome-icon
The Gnome Icon icon (logos:gnome-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 315 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 315
- Tags
- gnomeicon
SVG code
<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>How to use the Gnome Icon 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>HTML image
<img src="https://iconyz.com/api/public/svg/logos/gnome-icon.svg" alt="Gnome Icon icon" width="24" height="24">Related icons in SVG Logos
Gnome Icon icon FAQ
Is the Gnome Icon icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Gnome Icon icon in React?
Install @iconify/react and render <Icon icon="logos:gnome-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gnome Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/gnome-icon.svg" alt="Gnome Icon icon">, or paste the SVG code inline to style it with CSS.