Иконки карт и локаций — скачать PNG и SVG бесплатно
Метки, маршруты и навигация: геометка и несколько меток, моё местоположение, маршрут и его точки, компас, указатель, финишный флаг, адрес, слои карты и поиск на карте.
Об иконках карт и локаций
Иконки карт и локаций выдержаны в линейной манере, а геометка вдобавок бывает залитой, двухцветной, пиксельной и объёмной; у флажка есть двухцветная и пиксельная версии. Подходят для страниц контактов, сервисов доставки, такси и путеводителей.
Острие метки — это координата
У геометки есть особенность, которой нет у других иконок карт: важна точка привязки. Карта ставит маркер по координате, и если точкой привязки остался центр картинки, метка будет указывать мимо — на мелком масштабе промах вырастает до нескольких кварталов. При подключении иконки задайте смещение так, чтобы на координату смотрело нижнее острие.
Кнопки поверх карты
Обычно их три-четыре: моё местоположение, слои карты, компас для сброса поворота и масштаб. Кладите эти иконки карты на белую круглую подложку с лёгкой тенью — так они читаются на любом фоне, и на спутниковом снимке, и на схеме.
Маршруты и адреса
Для построения пути есть маршрут, точка маршрута для промежуточных остановок и финишный флаг для конца пути. В формах доставки пригодятся адрес и домашний адрес — их удобно ставить у сохранённых адресов пользователя.
Сеть филиалов
Для страницы «Наши магазины» подойдут несколько меток и поиск на карте. Объёмная геометка из набора «Интерфейс 3D» хорошо смотрится на первом экране такой страницы, а для туристических маршрутов пригодятся иконки из набора «Путешествия». Остальные иконки локаций — компас, указатель, радар, глобус с точкой — ищите в наборе «Карты и локации».
Наборы по теме
Все наборы →
Частые вопросы
- Какого размера делать метку на карте?
- Для веб-карт обычно достаточно 24–32 px: метка заметна и не закрывает улицы. На сенсорных экранах, где метку нажимают пальцем, зону касания расширяйте до 44×44 px и больше.
- Какую иконку поставить на кнопку «Моё местоположение»?
- В разделе есть отдельная иконка с таким названием — её и используйте. Стрелку навигации лучше оставить для режима движения по маршруту, чтобы не путать два состояния.
- Подойдут ли иконки для схемы проезда на сайте?
- Да: геометка, указатель, маршрут и финишный флаг помогают объяснить, как добраться, а парковку и остановки можно взять из раздела транспорта. Для печатной схемы используйте SVG — линии останутся чёткими в любом размере.