Arrow Thick From Left Solid Icon
<i class="cis-arrow-thick-from-left"></i>About
The arrow thick from left solid icon represents rightward movement originating from left source in web projects. Use this icon for navigation from left panels, slide-in actions, or content coming from left side. Perfect for sidebar navigation, panel transitions, and directional UI patterns built with HTML.
The solid style provides thick stroke with origin emphasis for clear directional metaphor while maintaining clarity at all screen sizes, making it ideal for navigation controls in both desktop and mobile web projects. This icon integrates seamlessly with CoreUI’s icon library.
Common Use Cases
Sidebar Slide In
Indicate content sliding in from left sidebar in your web project
Panel Navigation
Show navigation from left panel to main content in your HTML interfaces
Directional Flow
Indicate left-to-right data or content flow in your HTML dashboards
Best Practices
- Use consistently with other directional thick arrows
- Pair with animations for smooth panel transitions
- Consider mobile swipe gestures alongside icon
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/icons-proUsing yarn
yarn add @coreui/icons-proUsage
Once you have the package installed, you can use the icons in your project. Here's a basic example:
<i class="cis-arrow-thick-from-left"></i>Read the full CoreUI Icons documentation for HTML to see all available usage patterns and options.