Иконка Hy

file-icons:hy

Иконка Hy (file-icons:hy) — бесплатная SVG-иконка из набора File Icons от John Gardner. Она нарисована на сетке 512 × 512. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: File Icons
Автор: John Gardner
Лицензия: ISC
Размер: 512 × 512

Скачать SVG

Код SVG

<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>

Как использовать иконку Hy

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>

Веб-компонент

<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

<img src="https://iconyz.com/api/public/svg/file-icons/hy.svg" alt="Иконка Hy" width="24" height="24">

Вопросы и ответы: Иконка Hy

Можно ли бесплатно использовать иконку Hy в коммерческих проектах?

Да. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Hy в React?

Установите @iconify/react и выведите <Icon icon="file-icons:hy" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Hy на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/file-icons/hy.svg" alt="Иконка Hy">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все File Icons →