NEURALNG
FOUNDATION

Neural Icons

A framework-independent SVG mask library with a class-first API, zero runtime requests and production-sized entry points.

0 unique icons0 outline0 filled

GET STARTED

Install

Neural Icons is optional and independent from Angular. SVG artwork is embedded in the generated CSS, so consumers do not install Tabler or make requests to a CDN.

terminal Bash 
npm install @neural-ng/icons

Choose an import size

Start with the curated set, select a category for a focused product, or explicitly import the complete outline and filled inventory.

styles.css CSS 
/* Curated production set */
@import '@neural-ng/icons/icons.css';

/* One category */
@import '@neural-ng/icons/categories/system.css';

/* Complete outline + filled catalog */
@import '@neural-ng/icons/all.css';
Curated

Common NeuralNg interface icons.

Category

Smaller domain-specific entry points.

Complete

Every outline and filled icon.

Class API

Render an empty i or span with nt nt-*. Every icon uses 1em dimensions and inherits color, so plain CSS and utility classes work without a component wrapper.

Icon catalog

Search the generated metadata and select a card to copy its full HTML markup.

0 results
Loading icon metadata

Motion

Rotate any icon clockwise or in reverse. The layered nt-spin-dual effect is visually authored for loader-3; unsupported artwork safely falls back to a whole-icon spin. Reduced-motion preferences stop every animation.

Accessibility

Decorative icons must be hidden from assistive technology. Put the accessible name on the interactive control—not on the icon or its class name. When an icon conveys standalone information, provide adjacent or visually hidden text.

profile.html HTML 
<button type="button" aria-label="Open profile">
  <i class="nt nt-user" aria-hidden="true"></i>
</button>

Content Security Policy

SVG masks use embedded data: URLs and never contact a third party. Restrictive policies must permit data: in the effective img-src directive while preserving the rest of the application's policy.

Content-Security-Policy Shell 
Content-Security-Policy: img-src 'self' data:;

Distributed artwork is generated from Tabler Icons 3.46.0 under the MIT License. Brand artwork remains subject to its owner's trademark rules and does not imply endorsement.