Hygen icon
file-icons:hygen
The Hygen icon (file-icons:hygen) 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" fill-rule="evenodd" d="M259.531 372.524c0-62.404 50.589-112.993 112.993-112.993H512V112.993C512 50.59 461.411 0 399.007 0H112.993C50.59 0 0 50.589 0 112.993v286.014C0 461.41 50.589 512 112.993 512h146.538zm15.89-190.676h-97.104v-35.31h97.104zm45.903-93.572h61.793v35.31h-61.793zm-190.676 0H303.67v35.31H130.65zm-49.434 0h31.78v35.31h-31.78zm0 58.262h77.683v35.31H81.214zm0 60.028h118.29v35.31H81.213zm0 155.365h31.78v35.31h-31.78zm84.745 88.276H81.214v-35.31h84.745zm88.275 0h-70.62v-35.31h70.62zm0-52.966H130.648v-35.31h123.586zm156.249-35.31h16.772v35.31h-52.083l-17.655 17.656h6.18v35.31h-41.49l-56.497 56.496h128c62.405 0 112.993-50.588 112.993-112.993v-128zm-15.007 88.276H374.29v-35.31h21.186z" clip-rule="evenodd"/></svg>How to use the Hygen icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:hygen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:hygen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:hygen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--hygen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:hygen"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:hygen"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/hygen.svg" alt="Hygen icon" width="24" height="24">Hygen icon FAQ
Is the Hygen 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 Hygen icon in React?
Install @iconify/react and render <Icon icon="file-icons:hygen" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hygen icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/hygen.svg" alt="Hygen icon">, or paste the SVG code inline to style it with CSS.