Иконка Gnome Icon
logos:gnome-icon
Иконка Gnome Icon (logos:gnome-icon) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 315. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 256 × 315
- Теги
- gnomeicon
Код 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>Как использовать иконку 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>Веб-компонент
<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
<img src="https://iconyz.com/api/public/svg/logos/gnome-icon.svg" alt="Иконка Gnome Icon" width="24" height="24">Похожие иконки в наборе SVG Logos
Вопросы и ответы: Иконка Gnome Icon
Можно ли бесплатно использовать иконку Gnome Icon в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Gnome Icon в React?
Установите @iconify/react и выведите <Icon icon="logos:gnome-icon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Gnome Icon на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/gnome-icon.svg" alt="Иконка Gnome Icon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.