The HugeIcons circle arrow up double icon depicts a double upward-pointing arrow within a circle, commonly used to signify returning to the top of a page or section.
Common uses
- Scroll to top button
- Back to beginning action
- Navigate to the first item
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { CircleArrowUpDoubleIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={CircleArrowUpDoubleIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- scroll to topback to topdouble arrow uptop of page
FAQ
- What does the circle arrow up double icon represent?
- It represents returning to the top of a page or the beginning of a list. It's a clear visual cue for navigation to the uppermost content.
- How do I use this icon in a React application?
- Import the icon component and use it like this: import { HugeiconsIcon } from '@hugeicons/react'; import { CircleArrowUpDoubleIcon } from '@hugeicons/core-free-icons'; then render <HugeiconsIcon icon={CircleArrowUpDoubleIcon} />.
- What is the license for this icon?
- This icon is distributed 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 HugeIcons.