Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@coreui/icons-angular

Package Overview
Dependencies
Maintainers
1
Versions
111
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@coreui/icons-angular

CoreUI Icons Angular component and service

  • 3.0.0-alpha.0
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
23K
decreased by-12.32%
Maintainers
1
Weekly downloads
 
Created
Source

CoreUI Icons Angular

angular npm-coreui-angular-next
angular NPM Downloads License

c-icon component

Angular component for CoreUI Icons SVG set.

Features

  • Loads icons in three ways:
    • stored globally in Angular service,
    • directly passed SVG tag content,
    • source link to SVG file
  • Reduces icons bundle size when imported as single icons,
  • Full functionality of <svg> html tag,
  • Clean API

For component description visit CIcon component documentation

Installation

npm install @coreui/icons
npm install @coreui/icons-angular

Usage

// app NgModule

import { IconModule, IconSetModule, IconSetService } from '@coreui/icons-angular';

@NgModule({
  imports: [
    IconModule,
    IconSetModule.forRoot(),
...
  providers: [IconSetService],
...
// app component

import { cilEnvelopeOpen, flagSet } from '@coreui/icons';
import { IconModule, IconSetModule, IconSetService } from '@coreui/icons-angular';

@Component({
  ...
  providers: [IconSetService],
  ...
})
export class AppComponent implements OnInit {
  constructor(public iconSet: IconSetService) {
    // iconSet singleton
    iconSet.icons = { cilEnvelopeOpen, ...flagSet };
  }
...
<c-icon name="cil-envelope-open" size="lg"></c-icon>
<c-icon name="cifAu"></c-icon>

API

Use one of name, src or content prop as it defines the way of icon import

proprertytypedefaultdescription
namestringundefinedname of SVG icon stored in IconSetService
contentstring, string[]undefinedSVG content
srcstringundefinedLink to the icon. If defined, component will be rendered as <img> tag
sizecustom, custom-size, sm, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl, 8xl, 9xl''Size of icon
titlestringundefined
usestringundefinedSVG <use>
customClassesstringundefinedOverwrites default .icon classes
viewBoxstringundefinedSVG viewbox
attributesany{ role: 'img' }Object with additional html attributes
widthstringundefinedSVG width
heightstringundefinedSVG height

License

CoreUI Icons Free are free, open source, and GPL friendly. You can use it for commercial projects, open source projects, or really almost whatever you want.

  • Icons — CC BY 4.0 License
    • In the CoreUI Icons Free download, the CC BY 4.0 license applies to all icons packaged as .svg and .js files types.
  • Fonts — SIL OFL 1.1 License
    • In the CoreUI Icons Free download, the SIL OLF license applies to all icons packaged as web and desktop font files.
  • Code — MIT License
    • In the CoreUI Icons Free download, the MIT license applies to all non-font and non-icon files.

Keywords

FAQs

Package last updated on 10 Sep 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc