What does the file code icon represent?

It represents a document containing programming code or script. It's used in UIs to signify code files or related actions.

How do I use this icon in React?

You can import and use it like this: import { IconFileCode } from '@tabler/icons-react'. Then render it as .

The Tabler icon library, including the file-code icon, is available under the MIT license.

Tabler · file-code · MIT

The Tabler file code icon depicts a document with code symbols, commonly used to represent files containing programming code or scripts.

Install

npm i @tabler/icons-react

Import & render

import { IconFileCode } from '@tabler/icons-react';

<IconFileCode size={24} stroke={2} />

Tabler ships this icon in 2 styles — each its own import:

outline

<IconFileCode size={24} stroke={2} />

filled

<IconFileCodeFilled size={24} stroke={2} />

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Document
Keywords: papernewfilecodedocumentdatacontentrecordprogrammingscriptcode filescript documentprogramming file

What does the file code icon represent?: It represents a document containing programming code or script. It's used in UIs to signify code files or related actions.
How do I use this icon in React?: You can import and use it like this: import { IconFileCode } from '@tabler/icons-react'. Then render it as <IconFileCode />.
What is the license for this icon?: The Tabler icon library, including the file-code icon, is available under the MIT license.

The same idea in other libraries, and near matches in Tabler.