Accessible Duotone Icon for Vue
<CIcon :icon="cidAccessible" />About
The accessible duotone icon indicates barrier-free and inclusive features in Vue 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 Vue application committed to digital inclusion.
The duotone style ensures clear communication of accessibility status across all screen sizes and devices in your Vue application.
Common Use Cases
Accessible Content Badge
Mark screen-reader-friendly content in Vue applications
Alternative Formats
Indicate availability of accessible formats in Vue apps
Barrier-Free Features
Highlight inclusive design features in Vue interfaces
Best Practices
- Ensure icon itself meets accessibility standards
- Provide text alternatives alongside icons
- Test with actual assistive technologies
Installation
To start using CoreUI Vue 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-vueUsing yarn
yarn add @coreui/icons-pro @coreui/icons-vueUsage
Once you have the package installed, you can import and use the icons in your Vue 3 project. Here's a basic example:
import { CIcon } from '@coreui/icons-vue';
import { cidAccessible } from '@coreui/icons-pro';
<CIcon :icon="cidAccessible" />Read the full CoreUI Vue Icon component documentation to see the complete API and integration guide.