Gn icon
file-icons:gn
The Gn icon (file-icons:gn) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
SVG code
<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>How to use the Gn icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/file-icons/gn.svg" alt="Gn icon" width="24" height="24">Related icons in File Icons
Gn icon in other icon sets
Gn icon FAQ
Is the Gn icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Gn icon in React?
Install @iconify/react and render <Icon icon="file-icons:gn" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gn icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/gn.svg" alt="Gn icon">, or paste the SVG code inline to style it with CSS.