Hygen アイコン
file-icons:hygen
Hygen アイコン(file-icons:hygen)は、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" 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>Hygen アイコンの使い方
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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/file-icons/hygen.svg" alt="Hygen アイコン" width="24" height="24">Hygen アイコン のよくある質問
Hygen アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hygen アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:hygen" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hygen アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/hygen.svg" alt="Hygen アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。