Accessible Solid Icon
<i class="cis-accessible"></i>About
The accessible solid icon indicates barrier-free and inclusive features in web projects. Use this icon to mark accessible content, alternative formats, or features designed for users with disabilities. Perfect for documentation sites, public services, and any web project committed to digital inclusion.
The solid style ensures clear communication of accessibility status across all screen sizes and devices in your web project.
Common Use Cases
Accessible Content Badge
Mark screen-reader-friendly content in web projects
Alternative Formats
Indicate availability of accessible formats in your HTML apps
Barrier-Free Features
Highlight inclusive design features in your HTML interfaces
Best Practices
- Ensure icon itself meets accessibility standards
- Provide text alternatives alongside icons
- Test with actual assistive technologies
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-accessible"></i>Read the full CoreUI Icons documentation for HTML to see all available usage patterns and options.