Accessibility Linear Icon for React
<CIcon icon={cilAccessibility} />About
The accessibility linear icon is fundamental for marking accessible features in React applications. Use this icon to indicate accessibility settings, WCAG compliance, or inclusive design features. Essential for any React application that prioritizes accessibility and universal design principles.
This linear icon provides immediate visual recognition of accessibility features, helping users quickly identify inclusive functionality in your React application.
Common Use Cases
Accessibility Settings
Mark accessibility preferences panel in your React application
WCAG Compliance Badge
Indicate WCAG-compliant sections in React interfaces
Inclusive Features
Highlight accessibility-focused features in React apps
Best Practices
- Always include descriptive aria-labels
- Use high contrast colors for visibility
- Make interactive elements keyboard accessible
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 { cilAccessibility } from '@coreui/icons-pro';
<CIcon icon={cilAccessibility} />Read the full CoreUI React Icon component documentation to see the complete API and integration guide.