Gn アイコン
file-icons:gn
Gn アイコン(file-icons:gn)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M498.715 413.271s-98.343-95.192-177.948-173.288L506.734 67.725c8.954-17.743-.048-24.122-16.48-18.459l-193.352 167.26c-36.478-35.93-65.576-64.99-73.547-74c-15.97-18.048-48.101-45.105-23.898-67.26C260 19.848 306.526 73.73 323.733 32.24C234.18-11.965 160.364 15.465 126.53 45.996c-46.075 41.578-21.064 57.674-50.252 82.7c-18.668 16.008-38.065-7.866-54.178-1.092L1.44 147.946c-12.493 17.818 59.823 93.39 80.661 85.045l28.871-28.048c3.93-9.55-25.639-18.102 6.139-42.61c11.62-8.96 18.718-20.175 31.502-19.212c22.395 1.686 26.21 5.478 49.039 25.275c21.454 19.65 45.545 44.068 71.604 72.044L138.447 353.597c-30.536-22.114-26.668-39.443 22.396-80.247c32.71-27.203 42.223-73.674 18.564-74.041c-26.072 8.842 9.69 17.806-53.338 67.107c-59.695 46.694-40.506 82.464-16.632 106.554L6.76 466.85l32.775 36.034l104.024-95.107c56.243 59.881 80.512 21.897 139.4-41.304c14.371-15.423 24.868 7.616 38.497-7.207c9.207-18.825-18.987-34.759-44.7-22.533s-48.946 52.61-75.922 67.86c-8.042 4.546-22.087-4.716-33.886-22.13l125.756-116.486c50.417 55.628 106.957 122.327 165.393 192.455c8.301 13.457 16.654 25.674 25.956 14.935l26.328-28.176c4.051-8.554.615-19.075-11.667-31.92"/></svg>Gn アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:gn" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:gn" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:gn" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--gn]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:gn"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:gn"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/gn.svg" alt="Gn アイコン" width="24" height="24">File Icons の関連アイコン
他のアイコンセットの Gn アイコン
Gn アイコン のよくある質問
Gn アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gn アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:gn" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gn アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/gn.svg" alt="Gn アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。