Arrow Thick From Bottom Duotone Icon for React
<CIcon icon={cidArrowThickFromBottom} />About
The arrow thick from bottom duotone icon represents upward movement originating from bottom in React applications. Use this icon for upload actions, import functionality, or content submission from bottom source. Perfect for file upload interfaces, data import tools, and form submission buttons built with React.
The duotone style provides thick stroke with base emphasis for clear upload/import metaphor while maintaining clarity at all screen sizes, making it ideal for action buttons in both desktop and mobile React applications. This icon integrates seamlessly with CoreUI’s React component library.
Common Use Cases
File Upload
Upload files from local device in your React application
Data Import
Import data from external sources into React systems
Content Submission
Submit user-generated content in React platforms
Best Practices
- Use for upload/import actions originating from external sources
- Provide clear feedback during file upload process
- Show supported file types or size limits near upload button
Installation
To start using CoreUI React Icons in your project, you need to install it as a dependency. Follow the instructions below based on your package manager of choice:
Using npm
npm install @coreui/icons-pro @coreui/icons-reactUsing yarn
yarn add @coreui/icons-pro @coreui/icons-reactUsage
Once you have the package installed, you can import and use the icons in your React project. Here's a basic example:
import { CIcon } from '@coreui/icons-react';
import { cidArrowThickFromBottom } from '@coreui/icons-pro';
<CIcon icon={cidArrowThickFromBottom} />Read the full CoreUI React Icon component documentation to see the complete API and integration guide.