File Reference アイコン

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

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

andrsrxn:file-reference

File Reference アイコン(andrsrxn:file-reference)は、andrsrxn/icons セットの無料 SVG アイコンです（作者: Andrés Raxón）。 24 × 24 のグリッドで描かれています。 andrsrxn/icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: andrsrxn/icons
作者: Andrés Raxón
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: Documents
タグ: filereference

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M13.09 11.27c-.1-.48-.16-.72-.26-.94a2 2 0 0 0-.25-.38a4 4 0 0 0-.74-.64l-.08-.06c-.62-.47-.94-.71-1.13-1.03l-.16-.32c-.13-.35-.13-.74-.13-1.53V5.5c0-1.1 0-1.66.2-2.09a2 2 0 0 1 .88-.87c.42-.22.98-.23 2.08-.24h1.3a2 2 0 0 1 1.93 2.1v.18a2 2 0 0 0 1.92 1.92h.78a2 2 0 0 1 1.8 1.8v1.92c0 1.64 0 2.46-.45 3.01a2 2 0 0 1-.31.31c-.56.44-1.38.43-3.02.4l-1.13-.02c-1.03-.01-1.54-.02-1.96-.23a2 2 0 0 1-.66-.54c-.29-.37-.4-.87-.61-1.88" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19 17.68v.29c0 1.63 0 2.44-.45 2.99a2 2 0 0 1-.3.3c-.54.44-1.36.44-2.98.44"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 18.35c-.88-.88-1.32-1.33-1.86-1.38h-.28c-.54.05-.98.5-1.86 1.38M8.6 7.37v.25c-.01 1.89-.01 2.83.57 3.42c.59.58 1.53.58 3.42.58h.26m3.52-9.08v.25c0 1.89 0 2.83.58 3.42c.59.59 1.53.59 3.42.59h.26"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.77 18.76c-1.89 0-2.83 0-3.42-.59c-.58-.58-.58-1.53-.58-3.41v-3.4c0-1.88 0-2.82.58-3.4c.59-.6 1.53-.6 3.42-.6h1.46c.72 0 1.08 0 1.4.13c.34.12.61.35 1.17.8l.88.74l.52.43c.72.59 1.08.89 1.27 1.3c.2.4.2.87.2 1.8v2.2c0 1.88 0 2.83-.6 3.41c-.58.59-1.52.59-3.4.59z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.86 14h3.37c1.89 0 2.83 0 3.42-.58c.58-.59.58-1.53.58-3.42V7.57c0-.91 0-1.37-.19-1.78c-.18-.4-.54-.7-1.24-1.28l-.56-.47l-.87-.75a4 4 0 0 0-1.17-.84c-.33-.12-.7-.12-1.43-.12h-1.43c-1.89 0-2.83 0-3.42.59c-.58.58-.58 1.52-.58 3.41v1.42"/></g></svg>

File Reference アイコンの使い方

React

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

<Icon icon="andrsrxn:file-reference" width="24" />

Vue

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

<template>
  <Icon icon="andrsrxn:file-reference" width="24" />
</template>

Svelte

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

<Icon icon="andrsrxn:file-reference" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="andrsrxn:file-reference"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/andrsrxn/file-reference.svg" alt="File Reference アイコン" width="24" height="24">

andrsrxn/icons の関連アイコン

File Reference アイコンのよくある質問

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

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

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

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

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

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

andrsrxn/icons をすべて見る →