Accessible Duotone Icon for React
<CIcon icon={cidAccessible} />About
The accessible duotone icon indicates barrier-free and inclusive features in React applications. Use this icon to mark accessible content, alternative formats, or features designed for users with disabilities. Perfect for documentation sites, public services, and any React application committed to digital inclusion.
The duotone style ensures clear communication of accessibility status across all screen sizes and devices in your React application.
Common Use Cases
Accessible Content Badge
Mark screen-reader-friendly content in React applications
Alternative Formats
Indicate availability of accessible formats in React apps
Barrier-Free Features
Highlight inclusive design features in React interfaces
Best Practices
- Ensure icon itself meets accessibility standards
- Provide text alternatives alongside icons
- Test with actual assistive technologies
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 { cidAccessible } from '@coreui/icons-pro';
<CIcon icon={cidAccessible} />Read the full CoreUI React Icon component documentation to see the complete API and integration guide.