Accessibility Solid Icon for Angular

HTML Angular React Vue

<svg [cIcon]="icons.cisAccessibility"></svg>

Check how to use CoreUI Icons in your project

Get this PRO icon

Browse All Icons

About

The accessibility solid icon is fundamental for marking accessible features in Angular applications. Use this icon to indicate accessibility settings, WCAG compliance, or inclusive design features. Essential for any Angular application that prioritizes accessibility and universal design principles.

This solid icon provides immediate visual recognition of accessibility features, helping users quickly identify inclusive functionality in your Angular application.

Common Use Cases

Accessibility Settings

Mark accessibility preferences panel in your Angular application

WCAG Compliance Badge

Indicate WCAG-compliant sections in Angular interfaces

Inclusive Features

Highlight accessibility-focused features in Angular apps

Best Practices

Always include descriptive aria-labels
Use high contrast colors for visibility
Make interactive elements keyboard accessible

Installation

To start using CoreUI Angular 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-angular

Using yarn

yarn add @coreui/icons-pro @coreui/icons-angular

Usage

Once you have the package installed, you can import and use the icons in your Angular project. Here's a basic example:

import { IconModule } from '@coreui/icons-angular';
import { cisAccessibility } from '@coreui/icons-pro';

// In your component template:
<svg [cIcon]="icons.cisAccessibility"></svg>