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

Ícone File Code Fill

ri:file-code-fill

O ícone File Code Fill (ri:file-code-fill) é um ícone SVG gratuito da coleção Remix Icon de Remix Design. Ele é desenhado em uma grade de 24 × 24. Remix 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
Remix Icon
Autor
Remix Design
Licença
Apache-2.0
Tamanho
24 × 24
Categoria
Documento
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="m16 2l5 5v14.008a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 21.008V2.992C3 2.444 3.445 2 3.993 2zm1.657 10L14.12 8.464L12.707 9.88L14.828 12l-2.12 2.121l1.413 1.415zM6.343 12l3.536 3.536l1.414-1.415L9.172 12l2.12-2.121L9.88 8.464z"/></svg>

Como usar o ícone File Code Fill

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Imagem HTML

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

Ícones relacionados em Remix Icon

Ícone file-2-fill
file-2-fill
 Ícone file-2-line
file-2-line
 Ícone file-3-fill
file-3-fill
 Ícone file-3-line
file-3-line
 Ícone file-4-fill
file-4-fill
 Ícone file-4-line
file-4-line
 Ícone file-add-fill
file-add-fill
 Ícone file-add-line
file-add-line
 Ícone file-ai-2-fill
file-ai-2-fill
 Ícone file-ai-2-line
file-ai-2-line
 Ícone file-ai-fill
file-ai-fill
 Ícone file-ai-line
file-ai-line
 Ícone file-chart-2-fill
file-chart-2-fill
 Ícone file-chart-2-line
file-chart-2-line
 Ícone file-chart-fill
file-chart-fill
 Ícone file-chart-line
file-chart-line
 Ícone file-check-fill
file-check-fill
 Ícone file-check-line
file-check-line
 Ícone file-close-fill
file-close-fill
 Ícone file-close-line
file-close-line
 Ícone file-cloud-fill
file-cloud-fill
 Ícone file-cloud-line
file-cloud-line
 Ícone file-code-line
file-code-line
 Ícone file-copy-2-fill
file-copy-2-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 Keyline Icons
Keyline Icons
 Ícone File Code Fill de MingCute Icon
MingCute Icon

Perguntas frequentes sobre Ícone File Code Fill

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

Sim. Remix 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="ri: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/ri/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 Remix Icon →