What does the file plus icon represent?

It symbolizes the action of adding a new file or creating new content, often seen in forms or document management interfaces.

How do I use the FilePlusIcon in React?

Import both HugeiconsIcon and FilePlusIcon, then render it using .

What is the license for this icon?

The HugeIcons library, including the FilePlusIcon, is available under the MIT license.

file plus icon

HugeIcons · FilePlusIcon · MIT

Download SVG

The HugeIcons file plus icon depicts a document with a plus sign, commonly used to represent adding a new file or creating new content.

Common uses

Add New Document button
Create New File action
Upload New Item prompt

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { FilePlusIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={FilePlusIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: add filenew filecreate documentplus document

FAQ

What does the file plus icon represent?: It symbolizes the action of adding a new file or creating new content, often seen in forms or document management interfaces.
How do I use the FilePlusIcon in React?: Import both HugeiconsIcon and FilePlusIcon, then render it using <HugeiconsIcon icon={FilePlusIcon} />.
What is the license for this icon?: The HugeIcons library, including the FilePlusIcon, is available under the MIT license.

Related icons

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

lucide phosphor tabler hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons

Looking for something else? Search HugeIcons and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →