Apps Settings Linear Icon for Angular

HTML Angular React Vue

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

Check how to use CoreUI Icons in your project

Download this icon

Browse All Icons

About

The apps settings linear icon represents application and module configuration in Angular applications. Use this icon to indicate app-specific settings, module preferences, or feature configuration. Perfect for admin panels, dashboards, and multi-app management systems built with Angular.

The linear style combines app grid with configuration elements for clear semantic meaning while maintaining clarity at all screen sizes, making it ideal for settings access points in both desktop and mobile Angular applications. This icon integrates seamlessly with CoreUI’s Angular component library.

Common Use Cases

Module Configuration

Access module-specific settings in your Angular platform

App Preferences

Navigate to individual app configuration in Angular dashboards

Feature Settings

Manage feature-level preferences in Angular admin panels

Best Practices

Clearly distinguish from global settings icon
Use tooltips to indicate which app/module settings will be accessed
Consider role-based access control for settings visibility

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 @coreui/icons-angular

Using yarn

yarn add @coreui/icons @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 { cilAppsSettings } from '@coreui/icons';

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