Gnome Icon アイコン
logos:gnome-icon
Gnome Icon アイコン(logos:gnome-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gnome Icon アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。