npmpackage.info

Gathering detailed insights and metrics for @semantic-icons/flag-icons

Other packages similar to @semantic-icons/flag-icons

@semantic-icons/circle-flags

0.50.0

Icons generated based on circle-flags v1.0.1

Gathering detailed insights and metrics for @semantic-icons/flag-icons

@semantic-icons/flag-icons - 0.50.0 | npmpackage.info

@semantic-icons/flag-icons

A collection of free and open-source icons, ready for seamless integration into your Angular projects.

0.50.0

MIT

TypeScript

27.31 MB

4,067

Installations

npm install @semantic-icons/flag-icons

Developer Guide

BETA

Typescript

No

Module System

ESM

Node Version

20.19.2

NPM Version

10.8.2 Score

73.7

Supply Chain

83.7

Quality

92.5

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

5

Total

471

Closed

85

Merged

381

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Languages

TypeScript

JavaScript

HTML

CSS

TypeScript (99.96%)

JavaScript (0.04%)

Developer

khalilou88

Download Statistics

Total Downloads

4,067

Last Day

Last Week

Last Month

267

Last Year

4,067

GitHub Statistics

MIT License

15 Stars

992 Commits

2 Forks

6 Branches

2 Contributors

Updated on Jul 17, 2025

Maintainers

View All 2 Contributors

Package Meta Information

Latest Version

0.50.0

Package Id

@semantic-icons/flag-icons@0.50.0

Unpacked Size

27.31 MB

Size

6.01 MB

File Count

NPM Version

10.8.2

Node Version

20.19.2

Published on

Jun 23, 2025

Total Downloads

Cumulative downloads

Total Downloads

4,067

Last Day

Compared to previous day

Last Week

5.5%

Compared to previous week

Last Month

-32.7%

267

Compared to previous month

Last Year

4,067

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

tslib

Peer Dependencies

@angular/core

@semantic-icons/flag-icons

@semantic-icons/flag-icons helps developers to use Flag icons inside Angular projects.

Supported versions

@semantic-icons/flag-icons	Angular	Flag-icons
0.x.x	>= 17.1.0	7.2.3

Usage

First, install @semantic-icons/flag-icons from npm:

1npm install @semantic-icons/flag-icons

Now each icon can be imported individually as an Angular component:

1import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
2
3import { SiMaFlagIcon } from '@semantic-icons/flag-icons/square';
4
5@Component({
6  selector: 'app-home-page',
7  standalone: true,
8  imports: [SiMaFlagIcon],
9  template: `
10    <svg class="size-36" si-ma-flag-icon></svg>
11  `,
12  styles: ``,
13  encapsulation: ViewEncapsulation.None,
14  changeDetection: ChangeDetectionStrategy.OnPush,
15})
16export default class HomePage {}

The square shaped icons can be imported from @semantic-icons/flag-icons/square, the rectangle shaped icons can be imported from @semantic-icons/flag-icons/rectangle.

Icons use the Angular naming convention and are always prefixed with the word si and suffixed with the words flag icon.

License

No vulnerabilities found.