Giter Site home page Giter Site logo

here-icons's Introduction

HERE Icon Library

HERE icons are visual cues of objects, points, actions, and tools found across our products. They are designed to complement our humanist typeface, FiraGo.

The icons cover cases that include general user interface, data, devices, cartographic purposes, turn-by-turn navigation and more.

icons_overview

Usage

HERE icons are designed to express our brand across our products with principles of simplicity for easy recognition by the masses. We prioritize legibility over consistency and aim for a similar visual weight across all icons.

Size

Icons come in three sizes:

  • 24 px
  • 16 px
  • 8 px

Note: not all icons exist for the 8px size.

Solid and Outline

Icons come as either solid or outline. We recommend use of solid icons as outline icons could lead to eye fatigue and legibility issues. Many icons share the same geometry for both solid and outline variations, so adding states such as Select/Deselect is not advised. Ideally the solid and outline variations have the same outer dimension and corner radius. Details can vary between the two styles in favor of visual optimization. Many icons do not work well in an outline version or can’t be identified as either outline or solid. In such cases, do not force a solid or outline variation; keep the same geometry for both icons.

Solid or outline

Cartography Icons

Solid, 16 px icons in the POI group are optimized for use with maps and the only icons that should be used in cartographic contexts. These are the icons you can see on HERE maps and represent points of interest (POI) like a particular place in a define location that can be categorized like hospitals, parking garages, and museums.

Grouping

Icons have been grouped in hopes of making it easier to browse.

  • Core UI: Commonly used actions and items

  • Data: Items, actions, and statuses related to data.

  • Devices and sensors: Hardware, sensors, and devices

  • Discovery and sharing: Actions and items for finding, filtering, and viewing

  • Guidance icons: Road signs and signals to aid drivers. Created on a grid of 80x80 px with a stroke weight of 6 px. They are difficult to read at 24 px.

  • Map view: Actions for viewing maps

  • Miscellaneous: Assorted symbols and markers

  • Navigation Image: Miscellaneous controls and tools for media and image editing

  • POI: Points of interest, parking, and activities. Solid variations are specific to cartographic use.

  • Social: Commonly used in social media and communication

  • Stats: Items for statistics, charts, and directions

  • Tools: Items and instruments for adjusting, editing, and indicating

  • Travel, transport and tracking: Items related to traffic, transport, receiving, and logistics

  • Weather: Climate conditions

License

Copyright (C) 2017-2021 HERE Europe B.V. Unless otherwise noted in “LICENSE” files for specific files or directories, the LICENSE in the root applies to all content in this repository.

here-icons's People

Contributors

cpurnomo avatar dmitry-here avatar jenslembke avatar mario-nussbaumer avatar tsteenbe avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.