The HugeIcons arrow up from dot icon visually represents an upward movement originating from a central point, commonly used to indicate actions like uploading, returning to the top of a page, or signifying an increase.
Common uses
- Upload file or data
- Scroll to top of page
- Indicate positive trend or increase
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ArrowUpFromDotIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ArrowUpFromDotIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- upload iconback to top iconarrow from centerincrease icon
FAQ
- What does the arrow up from dot icon signify?
- This icon typically signifies an action of moving upwards from a starting point, such as uploading, returning to the top, or indicating growth.
- How do I use the ArrowUpFromDotIcon in React?
- Import it using `import { ArrowUpFromDotIcon } from '@hugeicons/core-free-icons';` and render it with `<HugeiconsIcon icon={ArrowUpFromDotIcon} />`.
- What is the license for this icon?
- The HugeIcons library, including this icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in 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 →