Иконки

Наши иконки — привычные визуальные метафоры. Понятные образы делают взаимодействие с интерфейсом простым и приятным.

24 px

Чтобы поддерживать визуальное единство, при создании иконок мы используем сетку 24px. Размер контентной области составляет 16px.

24px сетка

Контентная область

Контентная область

Основные элементы изображения не должны выходить за пределы контентной области.

Основные параметры

Принципы и правила построения иконок, рекомендации к толщине линий и величине отступов.

Обводка

2px линии

Скругления

Внешние — 1px, внутренние — 0.5px

Отступы

от 2px и больше, отступ между рядом лежащими линиями

Библиотека иконок

.fb-ic

.insta-fill-ic

.insta-ic

.ok-ic

.tg-ic

.tw-ic

.vk-ic

.arr-down-ic

.arr-up-ic

.exit-ic

.menu-ic

sm-down

.sm-down-ic

.sm-up-ic

.full-ic

.pause-ic

.play-ic

.settings-ic

.volume-ic

.attention-ic

.error-ic

.okay-ic

.ring-ic

.skip-ic

3

.status-job-ic

.stop-ic

.add-ic

.calendar-ic

.copy-ic

.delete-ic

.doc-ic

.download-ic

.file-ic

.filter-ic

.heart-ic

.login-ic

.logout-ic

.minus-ic

.reload-ic

.share-ic

.star-ic

.target-h-ic

.target-ic

.upload-ic

.zoom-ic

Студия Олега Чулакова
+7 495 268-06-61hr@chulakov.ru