@ornament-ui/icons

@ornament-ui/icons

Коллекция иконок

Витрина иконок

Воспользуйтесь витриной иконок для визуального представления содержимого пакета.

Установка

Вы можете установить пакет иконок в уже существующий проект с помощью yarn или npm. В текущей директории проекта запустите одну из следующих команд:

# npm
npm install --save @ornament-ui/icons

# yarn
yarn add @ornament-ui/icons

# pnpm
pnpm add @ornament-ui/icons

Размер иконок

Размер иконки задается через свойство size.

Размер по умолчанию: m.

import React from 'react';

import { SmileIcon } from '@ornament-ui/icons';

const Icon = () => <SmileIcon size="s" />;

Доступные размеры иконок:

Название	Размер
s	16 х 16 px
m	24 х 24 px

Цвет иконок

import React from 'react';

import { SmileMIcon } from '@ornament-ui/icons';

const Icon = () => <SmileMIcon color="#ECECEC" />;

Процесс генерации иконок

• Дизайнер добавляет иконку в библиотеку Figma;
• Разработчик через скрипт выгружает доступные иконки в пакет;
• После успешной генерации новых иконок, публикуется новая версии пакета.