https://github.com/sempijja/navigation-icons

This repository contains a versatile collection of navigation icons suitable for various mapping systems and direction-based applications. These icons represent common maneuvers and actions in navigation scenarios.
https://github.com/sempijja/navigation-icons

apple-maps google-maps icon-pack icons map mapbox navigation

Last synced: 3 months ago
JSON representation

This repository contains a versatile collection of navigation icons suitable for various mapping systems and direction-based applications. These icons represent common maneuvers and actions in navigation scenarios.

• Host: GitHub
• URL: https://github.com/sempijja/navigation-icons
• Owner: sempijja
• License: mit
• Created: 2024-09-01T19:13:41.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2025-02-04T07:33:00.000Z (over 1 year ago)
• Last Synced: 2025-02-04T08:25:49.307Z (over 1 year ago)
• Topics: apple-maps, google-maps, icon-pack, icons, map, mapbox, navigation
• Homepage:
• Size: 41 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Navigation Icons

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

A comprehensive set of navigation icons for use in any mapping or direction-based application.

## Overview

This repository contains a versatile collection of navigation icons suitable for various mapping systems and direction-based applications. These icons represent common maneuvers and actions in navigation scenarios.

## Icon Naming Convention

The icon filenames follow a consistent pattern to make them easy to use and integrate:

- Format: `nav__.svg`

- Examples: 

  - `nav_turn_left.svg`

  - `nav_continue_straight.svg`

  - `nav_roundabout_slight_right.svg`

 

## Design Convention

The icons in this repo are 48*48px.

![Grid and layout](https://github.com/user-attachments/assets/ab0381b6-faea-436a-bd62-44dc8ae1cc33)

## Available Icons

See [ICONS.md](./ICONS.md) for a full list of available icons and their descriptions.

## Usage

These icons are designed to be versatile and can be used in various navigation and mapping applications. Here are some ways you can use them:

- In turn-by-turn navigation instructions

- On maps to indicate directions or points of interest

- In route overview displays

- In user interfaces for navigation apps

  

## Integration

The SVG format allows for easy integration into web and mobile applications. You can use these icons as-is, or modify them to fit your specific design needs.

For web applications, you can include the SVGs directly in your HTML

For mobile applications, you can import these SVGs and render them using the platform's native SVG rendering capabilities.

## Contributing

We welcome contributions! Whether it's adding new icons, improving existing ones, or suggesting new categories, your input is valuable. Please read our CONTRIBUTING.md for details on how to submit pull requests.

## Installation and Usage

```bash

git clone https://github.com/sempijja/navigation-icons.git

cd navigation-icons