Frege アイコン

Q: Frege アイコンは商用利用でも無料ですか?

はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。

file-icons:frege

Frege アイコン(file-icons:frege)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 441 × 512 のグリッドで描かれています。 File Icons は ISC ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: File Icons
作者: John Gardner
ライセンス: ISC
サイズ: 441 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="441" height="512" viewBox="0 0 441 512"><path fill="currentColor" d="M263.858 121.963c20.813 0 36.295-5.223 46.014-15.522c9.668-10.246 14.571-23.294 14.572-38.781c0-15.76-5.7-29.053-16.92-39.488c-10.976-10.41-25.419-17.808-42.925-21.987C247.404 2.081 225.479 0 199.432 0c-26.075 0-50.493 5.888-72.606 17.515c-12.085 6.516-22.938 14.728-32.265 24.415c-9.124 9.54-16.817 21.895-22.86 36.704c-6.035 14.594-9.354 26.867-9.864 36.477c-.48 9.033-1.201 31.58-2.145 67.038c-20.488.606-38.968 1.753-54.973 3.415c-.6.062-1.17.292-1.644.664C1.393 187.548 0 189.872 0 205.005c0 13.998 1.225 17.465 2.548 19.125a3.2 3.2 0 0 0 2.5 1.204c15.86 0 34.205.888 54.564 2.637c.037 62.52 1.282 139.988 3.702 230.323a3.2 3.2 0 0 0 2.493 3.033c16.446 3.713 36.365 5.596 59.204 5.596c22.937 0 41.081-2.104 53.929-6.253a3.2 3.2 0 0 0 2.17-3.583c-4.741-27.694-5.672-100.781-5.687-225.786l45.659-.267c13.77 0 22.616 2.73 28.037 6.69q8.349 5.94 14.502 22.272l13.624 35.637L182.098 512h78.667l51.639-124.729L361.406 512h78.667l-100.64-258.792q-14.944-38.605-36.698-54.94c-14.356-10.888-32.665-14.133-59.327-14.133c-.38-.164-35.713-.492-69.658-.875v-21.23c0-7.563-3.198-21.273-9.767-41.879c-6.049-19.733-9.116-34.56-9.116-44.07c0-9.056 2.711-16.095 8.28-21.51c5.852-5.649 13.603-8.395 23.697-8.395c9.915 0 17.328 3.305 22.686 10.132c5.504 6.835 8.18 14.347 8.18 22.967c0 8.957-.892 16.914-2.534 22.8c0 1.845 1.236 3.874 5.609 7.589c3.48 2.52 9.04 5.2 16.826 8.05c7.96 2.82 16.792 4.25 26.247 4.249"/></svg>

Frege アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:frege" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:frege" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:frege" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--frege]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:frege"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:frege"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/file-icons/frege.svg" alt="Frege アイコン" width="24" height="24">

Frege アイコンのよくある質問

Frege アイコンは商用利用でも無料ですか?

はい。File Icons は ISC ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Frege アイコンを使うには?

@iconify/react をインストールして <Icon icon="file-icons:frege" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Frege アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/frege.svg" alt="Frege アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

File Icons をすべて見る →