🚀 DAY 5 OF LAUNCH WEEK: Introducing Socket Firewall Enterprise.Learn more
Socket
Book a DemoInstallSign in
Socket

@prizm-ui/icons

Package Overview
Dependencies
Maintainers
2
Versions
498
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@prizm-ui/icons

Prizm UI base icon pack library http://prizm.zyfra.com

latest
npmnpm
Version
5.9.0
Version published
Weekly downloads
1.2K
-79.3%
Maintainers
2
Weekly downloads
 
Created
Source

ICONS

Библиотека иконок с флагами. Генерируется двух форматах

  • шрифты
  • svg файлы

TODO

[ ] написать билдер что бы не приходилось вручную делать изменения описанные ниже [ ] написать схематику для ng-add что бы добавляли пути к css в проект

Важно

Убрать цвет

В файлах которые передают дизайнеры указан цвет, надо попросить что бы передавали без заливки, а пока заменить вручну цвет на currentColor что бы svg работало правильно

Неправилльные названия

Важно получить файлы без вложенных папок с уникальными названиями

После генерации svg-to-ts

1. После генерации svg-to-ts, необходимо вручную изменить name у PrizmIconSvg добавив туда prizmIconSvg | string my-icons.ts

export interface PrizmIconSvg {
  name: PrizmIconSvgEnum | prizmIconSvg | string;
  data: string;
}

2. также важно изменить названия константы competeSet на PRIZM_ICON_SET в файле my-icons.ts

Как сгенерить svg иконки

  • Открыть папку конфига (./configs)
  • Проверить наличие файла ".svg-to-tsrc.js"
  • Запустить комманду "svg-to-ts-constants"

Как сгенерить шрифты иконки

  • Открыть папку конфига (./configs)
  • Проверить наличие файла ".fantsticiconrc.js"
  • Запустить комманду "fantasticon"

Что используем

  • Для файлов svg: svg-to-ts-constants
  • Для шрифтов: fantasticon
  • Figma plugin для экспорта Advanced-SVG-Export

FAQs

Package last updated on 03 Apr 2025

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