ICONYZ
Português (Brasil)
Ícone File Upload Fill de MingCute Icon

Ícone File Upload Fill

mingcute:file-upload-fill

O ícone File Upload Fill (mingcute:file-upload-fill) é um ícone SVG gratuito da coleção MingCute Icon de MingCute Design. Ele é desenhado em uma grade de 24 × 24. MingCute Icon icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
MingCute Icon
Autor
MingCute Design
Licença
Apache-2.0
Tamanho
24 × 24
Tags
fileupload, uploadfill, fileuploadfill
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 8.5a1.5 1.5 0 0 0 1.5 1.5H20v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h6zm0 3.38a1 1 0 0 0-.707.293l-2.121 2.12a1 1 0 0 0 1.414 1.415l.414-.414V18a1 1 0 0 0 2 0v-2.706l.414.414a1.001 1.001 0 0 0 1.415-1.414l-2.122-2.121A1 1 0 0 0 12 11.88m2-9.836a2 2 0 0 1 1 .542L19.414 7a2 2 0 0 1 .541 1H14z"/></svg>

Como usar o ícone File Upload Fill

React

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

<Icon icon="mingcute:file-upload-fill" width="24" />

Vue

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

<template>
  <Icon icon="mingcute:file-upload-fill" width="24" />
</template>

Svelte

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

<Icon icon="mingcute:file-upload-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--file-upload-fill]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="mingcute:file-upload-fill"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/mingcute/file-upload-fill.svg" alt="Ícone File Upload Fill" width="24" height="24">

Ícones relacionados em MingCute Icon

Ícone file-ai-fill
file-ai-fill
 Ícone file-ai-line
file-ai-line
 Ícone file-certificate-fill
file-certificate-fill
 Ícone file-certificate-line
file-certificate-line
 Ícone file-check-fill
file-check-fill
 Ícone file-check-line
file-check-line
 Ícone file-code-fill
file-code-fill
 Ícone file-code-line
file-code-line
 Ícone file-download-fill
file-download-fill
 Ícone file-download-line
file-download-line
 Ícone file-export-fill
file-export-fill
 Ícone file-export-line
file-export-line
 Ícone file-fill
file-fill
 Ícone file-forbid-fill
file-forbid-fill
 Ícone file-forbid-line
file-forbid-line
 Ícone file-import-fill
file-import-fill
 Ícone file-import-line
file-import-line
 Ícone file-info-fill
file-info-fill
 Ícone file-info-line
file-info-line
 Ícone file-line
file-line
 Ícone file-locked-fill
file-locked-fill
 Ícone file-locked-line
file-locked-line
 Ícone file-more-fill
file-more-fill
 Ícone file-more-line
file-more-line

O ícone File Upload Fill em outras coleções

Ícone File Upload Fill de Remix Icon
Remix Icon
 Ícone File Upload Fill de Mage Icons
Mage Icons
 Ícone File Upload Fill de Sargam Icons
Sargam Icons

Perguntas frequentes sobre Ícone File Upload Fill

O ícone File Upload Fill é grátis para uso comercial?

Sim. MingCute Icon icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone File Upload Fill no React?

Instale @iconify/react e renderize <Icon icon="mingcute:file-upload-fill" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone File Upload Fill a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/mingcute/file-upload-fill.svg" alt="Ícone File Upload Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones MingCute Icon →