Hy icon
file-icons:hy
The Hy icon (file-icons:hy) 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="M239.412 20.505c-25.106 0-58.057 1.582-88.438 25.298s-56.371 65.065-83.328 139.11l-.026.025v.05l-29.437 81.77l-.025.025v.051c-11.607 32.504-31.276 80.28-36.72 124.851c-2.721 22.286-2.545 45.01 9.2 65.62s36.674 33.642 64.725 34.19h166.696l-18.142-52.332H76.385c-50.29 0-13.312-86.753 11.013-154.672c59.2-169.687 70.9-207.789 152.014-211.654h33.832L254.41 20.505zm0 65.415c-31.829 0-60.33 16.335-71.318 38.764c-46.275 94.457-65.087 161.885-96.666 249.6c-6.541 24.412-12.358 52.209 16.08 52.209l20.87-.413l62.808-174.475l39.25 109.06h55.628l-66.591-185.029c7.054-16.462 20.669-36.907 39.939-37.383h57.417L277.997 85.92zm33.176 405.575c25.106 0 58.057-1.582 88.438-25.298c30.382-23.715 56.371-65.065 83.328-139.11l.026-.025v-.05l29.437-81.77l.025-.025v-.051c11.607-32.504 31.276-80.28 36.72-124.851c2.721-22.286 2.545-45.01-9.2-65.62s-36.674-33.642-64.725-34.19H269.94l18.143 52.332h147.532c50.29 0 13.312 86.753-11.013 154.672c-59.2 169.687-70.9 207.789-152.014 211.654h-33.832l18.833 52.332zm0-65.415c31.829 0 60.33-16.335 71.318-38.764c46.275-94.457 65.087-161.885 96.666-249.6c6.541-24.412 12.358-52.209-16.08-52.209l-20.87.413l-62.808 174.475l-39.25-109.06h-55.628l66.591 185.029c-7.054 16.462-20.669 36.907-39.939 37.383h-57.417l18.832 52.333z"/></svg>How to use the Hy icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:hy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:hy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:hy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--hy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:hy"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:hy"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/hy.svg" alt="Hy icon" width="24" height="24">Related icons in File Icons
Hy icon FAQ
Is the Hy 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 Hy icon in React?
Install @iconify/react and render <Icon icon="file-icons:hy" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hy icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/hy.svg" alt="Hy icon">, or paste the SVG code inline to style it with CSS.