New Icon Design for Mobile Application Web Inspector

Details

New Proposed Design for the App Web Inspector

Application Brief

Web Inspector is an open-source android app that has features of DOM Inspecting, Network resource logs and XHR/Ajax logs. It is free to download at Google Playstore.

Concept and Inspiration of the New Design

The concept of the new design is to create a clean and simple icon with the symbols of "W" for web with comma symbol for logs and surround it with circle to represent a globe. The design is also created with thick outlines and transparent background for better visibility.
Here is the process below.

Color Variations and Codes

The colors variations i used in this design is based from the original icons colors.
I also added a utopian color themed icon just for additional option and to provide a visuals of the icon in gradient version.

The icon in White and Black Background and Monochrome Version

Icons in Different Sizes

The Logotype Version

Font Used in the Icon

MV Boli

Creation Workspace/Proof of Works

Benefits / Improvements

The design works as an enhancement to the official icon. The colors are the same and also the concept. The designer of the proposed icon valued creativity and avoided the generic designs that could possibly created by others. As a result, an icon with less details and with simple identity.

Tools

Adobe Illustrator CC 2017

Original files

ORIGINAL FILES