ICONYZ
日本語
Gravity UI Icons の File Dollar アイコン

File Dollar アイコン

gravity-ui:file-dollar

File Dollar アイコン(gravity-ui:file-dollar)は、Gravity UI Icons セットの無料 SVG アイコンです(作者: YANDEX LLC)。 24 × 24 のグリッドで描かれています。 Gravity UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Gravity UI Icons
作者
YANDEX LLC
ライセンス
MIT
サイズ
24 × 24
タグ
filedollar
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11 13.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06V12a1.5 1.5 0 0 1-1.5 1.5m2.121-8.379A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879zm-6.878.388c.272-.203.596-.343.955-.423V4.75a.75.75 0 0 1 1.5 0v.311c.537.097.973.309 1.309.616a.75.75 0 1 1-1.014 1.106c-.134-.123-.412-.28-.993-.28c-.464 0-.728.11-.857.206c-.112.084-.147.172-.147.274c0 .014 0 .022.016.043a.6.6 0 0 0 .189.152c.23.135.573.242.952.32l.05.011c.394.081.956.197 1.42.434c.523.267 1.057.763 1.057 1.609c0 .75-.468 1.263-.98 1.55c-.302.17-.648.28-1.002.342v.306a.75.75 0 0 1-1.5 0v-.349a3.4 3.4 0 0 1-.915-.383c-.463-.281-.887-.704-1.064-1.226a.75.75 0 1 1 1.421-.48c.027.08.147.257.423.425c.262.16.595.265.937.265c.4 0 .748-.086.966-.209c.208-.116.214-.204.214-.241c0-.08-.008-.155-.239-.273c-.269-.137-.643-.218-1.093-.312c-.428-.089-.963-.235-1.408-.496c-.446-.263-.944-.735-.944-1.488c0-.587.268-1.115.747-1.474" clip-rule="evenodd"/></svg>

File Dollar アイコンの使い方

React

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

<Icon icon="gravity-ui:file-dollar" width="24" />

Vue

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

<template>
  <Icon icon="gravity-ui:file-dollar" width="24" />
</template>

Svelte

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

<Icon icon="gravity-ui:file-dollar" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gravity-ui--file-dollar]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="gravity-ui:file-dollar"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/gravity-ui/file-dollar.svg" alt="File Dollar アイコン" width="24" height="24">

Gravity UI Icons の関連アイコン

他のアイコンセットの File Dollar アイコン

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

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

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

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

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

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

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

Gravity UI Icons をすべて見る →