Линейные иконки создаются с помощью манипуляций с обводкой и заливкой, чтобы показать чистый и легкий по исполнению стиль, который хорошо работает в интерфейсах, где элементы интерфейса плотно расставлены. Значение обводки можно менять, чтобы увеличить или уменьшить контраст между иконками и типографикой.
Обводка или заливка
Если ты не заливаешь иконки цветом, то используетеся обводка. Регулируй толщину обводки, чтобы передать какой-то стиль или ощущение. Иконки же с заливкой кажутся визуально тяжелее.
Без заливкиС заливкойЧтобы иконка была читаемой, рекомендуемая толщина обводки 2dp2dp обводка это стандарт также и для линейных иконок во всех приложениях и размерах.
Про выравнивание обводки
Положение обводки влияет на внешний вид иконки. Чаще всего иконки рисуются с обводкой внутрь.
1 — Material иконка по умолчанию. 2 — Обводка внутрь. 3 — Обводкапо центру. 4 — Обводка наружу.Выравнивание обводки по внутренней части фигуры лучший вариант для создания иконок и передачи читаемости.Для читаемости и распознаваемости в некоторых случаях стоит придерживаться стиля иконок Material по умолчаниюОсторожно: хотя в большинстве случаев нужно выравнивать обводку внутри, иногда все же нужно делать это по центру или использовать внешнее выравнивание для лучшей читаемостиПравильно: если тебе кажется, что иконку стоит скорректировать, то сделай это используя настройки обводкиТонкая обводка у иконок подчёркивают бренд1 — Логотип. 2 — Линейные иконки в приложении. 3 — Сет иконок.