**Maps.ME**
Free, fast, detailed and entirely offline maps with turn-by-turn navigation [More Details Click Here.](https://play.google.com/store/apps/details?id=com.mapswithme.maps.pro&hl=en)
![Proposed Icon Design.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044128/g9xlzmpej31pcuffk9hh.png)


**Original vs. Official Icon**
I proposed a more detailed and attractive icon which is  suited to the application  compare to its original design icon.
![Design Comparison.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044125/tzibqmoyi3jwtcrfwk1w.png)

**Design Concept**
My concept in this design is combining three subjects to form a single icon including icon simplicity. The three objects represents a navigation pointing  a location with road maps.
![Design Concept.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044101/ohj58rquvlcpyf4yeurd.png)


**Color Variations and Color Codes**
I created three optional background  colors for the icon. My concept with the color variations are green for map in the forest, blue for the ocean and brown for the desert.
![Color Variation.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044076/vkbnwxtbkbcx7x6dhayb.png)

**One Color Variation**
![One Color Variation.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044086/burgq3vez35j9aefrfll.png)

**New Icon Mock-Up**
![icon mock -up.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044129/gfguodv6mepx7hj4utur.png)<center>[Mobile Source Image](https://pixabay.com/en/mobile-mobile-phone-smartphone-icon-1976104/)</center>

Including how it look likes in real world.
![Real World.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044146/ldfkmkfcmutvocno3qbt.png)

**GitHub Repository**
![GitHub Repository.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517046168/muchc57dd0trhpalbjcc.png)

**Mobile Icons and Sizes**
**192x192 pixels**
![192x192px.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044073/pvvlxhflwcklamehzdsz.png)
**144x144 pixels**
![144x144px.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044072/vltjf6qvllx8soevrg43.png)

I used the default font provided by the Adobe Illustrator CC 2015.
![Font Used.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517045991/ddrhs3q4erhpqrslowc1.png)

**Benefits/Improvement**
In this new designed logo, it will provide more detailed, creative and attractive icon display based on the application. The original logo is quite simple so I created a simple design that will best fit for the application.

**Tools**
I used the Adobe Illustrator CC 2015 in the creation of this new icon as well as the presentation

Proof of Work

![1.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044128/my3pvwqlxcjqg7aerecy.png)
![2.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044132/updppertvz4grtcut12y.png)
![3.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044137/yqhkxqivgscmvuid96nz.png)
![4.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044152/iaosdgjnzhpqupwiyheh.png)
![5.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044151/ofq68kkgtxvcwo8iupsc.png)
![6.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044161/hnsaxusookrqqzhbkpue.png)
![7.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044153/loa3anudoetxebhozad5.png)
![8.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044147/afprxwu50xguzruwvj1k.png)
![9.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044156/qgbir971c2h7n8s4t9ak.png)
![10.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517044153/qxmxa0hyhw41850pzaif.png)

**Original files**
Here are the links of the files I used in creating the design.
I provided adobe illustrator available export formats.
<center>[Click Here for Download](https://drive.google.com/open?id=1GKgeGNmHtgX_bKLIMnFIsY0SYroq8-5z)</center>

Thank you for taking time to view my design.

<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@jeric03/new-proposed-design-icon-for-maps-me-maps-with-navigation-and-direction">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>