# @alfalab/icons-flag

Latest version **2.10.0** (published 2026-02-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install @alfalab/icons-flag
pnpm add @alfalab/icons-flag
yarn add @alfalab/icons-flag
bun add @alfalab/icons-flag
```

## Health

**Score 45/100 (D)** — status: stable.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

## Facts

| | |
|---|---|
| Version | 2.10.0 |
| Published | 2026-02-17 |
| First published | 2020-06-09 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | siebensieben, heymdall, igor-alfa-test, praiz90, dmitryshkinder, core-ds-bot, qrik116, sashabull, sklart, ell4me, a.shatokhin, thediamonddoge, fulcanellee, hextion, bradobreyu |

## Links

- npm: https://www.npmjs.com/package/@alfalab/icons-flag
- Repository: https://github.com/core-ds/ui-primitives
- npm.io page: https://npm.io/package/@alfalab/icons-flag

## Recent versions

- 2.10.0 (latest) — 2026-02-17
- 2.9.0 — 2025-10-31
- 2.8.0 — 2025-10-03
- 2.7.0 — 2025-08-21
- 2.6.0 — 2024-04-02
- 2.5.1 — 2024-04-02
- 2.5.1-beta.0 — 2024-04-02
- 2.5.0 — 2024-03-13
- 2.4.0 — 2024-02-09
- 2.3.0 — 2023-03-02
- 2.2.0 — 2022-04-25
- 2.1.0 — 2021-11-23
- 1.11.0 — 2021-11-15
- 1.9.0 — 2021-06-22
- 1.7.0 — 2021-06-22
- … 5 more at https://npm.io/package/@alfalab/icons-flag/versions

## README

## Как найти иконку

[Витрина иконок с поиском](https://core-ds.github.io/icons-demo/)

## Как сюда попадают новые иконки

-   Дизайнер рисует [иконки в фигме](https://www.figma.com/file/ZcdUPebEhHfSZ91zgmv2cK/Icons).
-   С помощью [фигма-плагина](https://www.figma.com/community/plugin/1098026825756738050/Publish-Icons) создаётся пулл-реквест с иконками в репозиторий [ui-primitives](https://github.com/core-ds/ui-primitives).
-   После мёрджа пулл-реквеста в [ui-primitives](https://github.com/core-ds/ui-primitives) и публикации нового пакета, с помощью github-actions начинается процесс генерации новых реакт-компонентов на основе svg-файлов иконок.
-   После успешной генерации новых React-компонетов, публикуются новые версии пакетов.

## Какие есть пакеты иконок

На данный момент есть следующие пакеты иконок:
| Пакет | Ссылка на npmjs.com | Описание
| ------ | ------ | ------
| @alfalab/icons-android | [@alfalab/icons-android](https://www.npmjs.com/package/@alfalab/icons-android) | Используются только на Android устройствах
| @alfalab/icons-classic (old) | [@alfalab/icons-classic](https://www.npmjs.com/package/@alfalab/icons-classic) | Устаревшие иконки
| @alfalab/icons-corp | [@alfalab/icons-corp](https://www.npmjs.com/package/@alfalab/icons-corp) | Используются только в продуктах корпоратов
| @alfalab/icons-flag | [@alfalab/icons-flag](https://www.npmjs.com/package/@alfalab/icons-flag) | Иконки флагов стран
| @alfalab/icons-glyph | [@alfalab/icons-glyph](https://www.npmjs.com/package/@alfalab/icons-glyph) | Основной стиль иконок для всех продуктов
| @alfalab/icons-invest | [@alfalab/icons-invest](https://www.npmjs.com/package/@alfalab/icons-invest) | 
| @alfalab/icons-ios | [@alfalab/icons-ios](https://www.npmjs.com/package/@alfalab/icons-ios) | Используются только на iOS устройствах
| @alfalab/icons-logo | [@alfalab/icons-logo](https://www.npmjs.com/package/@alfalab/icons-logo) |
| @alfalab/icons-logo-am | [@alfalab/icons-logo-am](https://www.npmjs.com/package/@alfalab/icons-logo-am) |
| @alfalab/icons-logo-corp | [@alfalab/icons-logo-corp](https://www.npmjs.com/package/@alfalab/icons-logo-corp) |
| @alfalab/icons-logotype | [@alfalab/icons-logotype](https://www.npmjs.com/package/@alfalab/icons-logotype) | Логотипы
| @alfalab/icons-rocky | [@alfalab/icons-rocky](https://www.npmjs.com/package/@alfalab/icons-rocky) | Иконки в новом стиле
| @alfalab/icons-shape | [@alfalab/icons-shape](https://www.npmjs.com/package/@alfalab/icons-shape) | 
| @alfalab/icons-site | [@alfalab/icons-site](https://www.npmjs.com/package/@alfalab/icons-site) | 
| @alfalab/icons | [@alfalab/icons](https://www.npmjs.com/package/@alfalab/icons) | Общий пакет со всеми иконками


## Как импортить иконки в проект

`import { IconName } from '@alfalab/{packageName}/{IconName}';`

или

`import IconName from '@alfalab/{packageName}/{IconName}';`

## Цвет иконок

В пакете `@alfalab/icons-glyph` цвет иконок задается атрибутом `fill="currentColor"`, т.е. цвет наследуется от родительского свойства `color`.

В пакете `@alfalab/icons-classic` цвет иконок не наследуется.

---
_Source: https://npm.io/package/@alfalab/icons-flag · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._