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

Ícone File Code Fill

mingcute:file-code-fill

O ícone File Code Fill (mingcute:file-code-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
filecode, codefill, filecodefill
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-2h6zm-.793 4.673a1 1 0 0 0-1.414 0l-2.121 2.12a1 1 0 0 0 0 1.415l2.121 2.122a1 1 0 0 0 1.414-1.415l-1.414-1.414l1.414-1.414a1 1 0 0 0 0-1.414m3 0a1 1 0 0 0-1.414 1.414L14.207 16l-1.414 1.414a1 1 0 0 0 1.414 1.415l2.122-2.122a1 1 0 0 0 0-1.414zM14 2.044a2 2 0 0 1 1 .542L19.414 7a2 2 0 0 1 .541 1H14z"/></svg>

Como usar o ícone File Code Fill

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:file-code-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-code-fill"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/mingcute/file-code-fill.svg" alt="Ícone File Code 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-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
 Ícone file-music-fill
file-music-fill

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

Ícone File Code Fill de Phosphor
Phosphor
 Ícone File Code Fill de Bootstrap Icons
Bootstrap Icons
 Ícone File Code Fill de Remix Icon
Remix Icon
 Ícone File Code Fill de Keyline Icons
Keyline Icons

Perguntas frequentes sobre Ícone File Code Fill

O ícone File Code 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 Code Fill no React?

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

Como adiciono o ícone File Code 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-code-fill.svg" alt="Ícone File Code Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones MingCute Icon →