Arrow Circle Bottom Linear Icon
<i class="cil-arrow-circle-bottom"></i>About
The arrow circle bottom linear icon represents downward action or navigation with circular emphasis in web projects. Use this icon for download actions, scroll to bottom functionality, or prominent downward navigation. Perfect for file management, content platforms, and navigation-heavy interfaces built with HTML.
The linear style provides enclosed directional indication with circular boundary for emphasis while maintaining clarity at all screen sizes, making it ideal for action buttons in both desktop and mobile web projects. This icon integrates seamlessly with CoreUI’s icon library.
Common Use Cases
Download Action
Indicate file download functionality in your web project
Scroll to Bottom
Navigate to end of content in your HTML long-form pages
Expand Section
Show expandable content sections in your HTML interfaces
Best Practices
- Use for primary downward actions that need visual emphasis
- Provide hover state feedback for interactive elements
- Consider loading states for async download actions
Installation
To start using CoreUI Icons in your project, you need to install the package as a dependency. Follow the instructions below based on your package manager of choice:
Using npm
npm install @coreui/iconsUsing yarn
yarn add @coreui/iconsUsage
Once you have the package installed, you can use the icons in your project. Here's a basic example:
<i class="cil-arrow-circle-bottom"></i>Read the full CoreUI Icons documentation for HTML to see all available usage patterns and options.