ICONYZ
日本語
uiw icons の File Jpg アイコン

File Jpg アイコン

uiw:file-jpg

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

アイコンセット
uiw icons
作者
liwen0526
ライセンス
MIT
サイズ
20 × 20
タグ
filejpg
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M8.928 9.097a2 2 0 0 0-.526.053v1.728c.109.027.242.035.426.035c.675 0 1.093-.356 1.093-.955c0-.54-.36-.86-.993-.86m8.996-1.943h-.514l.027-1.89a.46.46 0 0 0-.12-.298L12.901.134A.4.4 0 0 0 12.618 0h-9.24a.8.8 0 0 0-.787.784v6.37h-.515c-.285 0-.56.118-.76.328A1.14 1.14 0 0 0 1 8.275v5.83c0 .618.482 1.12 1.076 1.12h.515v3.99A.8.8 0 0 0 3.38 20h13.278c.415 0 .78-.352.78-.784v-3.99h.487c.594 0 1.076-.503 1.076-1.122v-5.83c0-.296-.113-.582-.315-.792a1.05 1.05 0 0 0-.76-.328M3.95 1.378h6.956v4.577a.4.4 0 0 0 .11.277a.37.37 0 0 0 .267.115h4.759v.807H3.95zm7.23 8.545c0 .573-.184 1.06-.517 1.39c-.434.426-1.076.617-1.827.617c-.167 0-.317-.009-.434-.026v2.094h-1.17V8.22c.393-.07.854-.122 1.63-.122c.783 0 1.342.157 1.717.47c.359.295.6.781.6 1.355m-7.792 2.963c.175.06.4.104.65.104c.534 0 .867-.252.867-1.164V8.142h1.268v3.7c0 1.67-.768 2.251-2.002 2.251a3.2 3.2 0 0 1-.925-.139zm.562 5.736v-3.397h12.092v3.397zm12.734-4.894a6 6 0 0 1-1.877.33c-1.025 0-1.767-.269-2.284-.79c-.517-.504-.801-1.268-.793-2.129c.009-1.946 1.368-3.058 3.211-3.058c.726 0 1.285.147 1.56.286l-.267 1.06c-.309-.139-.693-.252-1.31-.252c-1.059 0-1.86.626-1.86 1.895c0 1.207.726 1.92 1.769 1.92c.292 0 .525-.035.625-.087v-1.225h-.867v-1.034h2.093zM12.291 1.52l.385.434l2.58 2.853l.143.173h-2.637q-.3 0-.378-.1q-.08-.098-.093-.313z"/></svg>

File Jpg アイコンの使い方

React

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

<Icon icon="uiw:file-jpg" width="24" />

Vue

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

<template>
  <Icon icon="uiw:file-jpg" width="24" />
</template>

Svelte

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

<Icon icon="uiw:file-jpg" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="uiw:file-jpg"></iconify-icon>

HTML 画像

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

uiw icons の関連アイコン

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

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

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

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

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

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

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

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

uiw icons をすべて見る →