The Tabler file upload icon depicts a document with an upward-pointing arrow, commonly used to represent the action of sending a file or data from a local device to a remote server or cloud storage.
Common uses
- Button to upload user-submitted documents
- Link to initiate file transfer
- Icon within a form field for file input
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconFileUpload } from '@tabler/icons-react';
<IconFileUpload size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconFileUpload size={24} stroke={2} />filled
<IconFileUploadFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Document
- Keywords
- savetransferinputfileuploaddocumentdataimportcontentrecordsend fileimport documentdata transfer
FAQ
- What does the file upload icon represent?
- It visually signifies the process of uploading a file or data. This is typically used when a user needs to send information from their device to an online service.
- How do I use this icon in React?
- You can import and use it directly in your React components like this: import { IconFileUpload } from '@tabler/icons-react'. Then render it as <IconFileUpload />.
- What is the license for this icon?
- The Tabler icon set, including the file upload icon, is released under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Tabler.