@ornament-ui/icons

@ornament-ui/icons

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

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

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

Установка

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

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

# yarn
yarn add @ornament-ui/icons

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

Размер иконки указан в названии.

import React from 'react';

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

// [Smile][M][Icon] — Smile — название иконки, M — размер иконки
const Icon = () => <SmileMIcon />;

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

Название	Размер
S	16 х 16 px
M	24 х 24 px

Обратите внимание, некоторые иконки представлены в единственном размере.

Цвет иконок

import React from 'react';

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

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

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

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