![intro.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519307733/hcmshia8krrr00ihodpv.png)

#### Details
My contribution today is a proposal icon/logo design for an iOS browser called Radium Browser , it's an Open Source project [ [Github ](https://github.com/SlayterDev/RadiumBrowser)] , this browser is light weight and it has the ability to allow users to create and add multiple functionalities using Javascript extensions , it's available only for iOS devices , and you can download it from [Here ](https://itunes.apple.com/us/app/radium-web-browser/id1274491203?mt=8). 

#### Original & proposed logo
![Old-new.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519307837/bu8qwrqquhyw9wv1gzgu.png)

Original icon on App Store :

![App Store - Original.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519307873/x7hewnuyufpc7dmp26jd.png)

New icon on App Store :

![App Store - New.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519307930/flfsfyh6pwljgrlnslij.png)


#### Size variation
512x512 px

![icon-512.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519307946/ga1qakiuwqr08hnj56w7.png)

215x215 px

![icon-215.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519307958/aof10rfmgh83ewbqweyc.png)

144x144 px

![icon-144.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519307965/rjqvcgnmyzftyvxlcgyf.png)

#### Color Variation

![color-variation.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519308801/hkppjzjkzp2k4ncp5gcu.png)

#### Logotype

![Logotype.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519307980/fy2rcrjircuqpowiol4j.png)

![Logotype2.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519307990/vvctdmbslbgj8mvghpl9.png)

![Mockup.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519308007/gj73wycfeme6pfy8j5aa.png)

#### Colors used

![Colors.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519309093/znd5xcodyqztpdyhydyt.png)

#### Font used

![Montserrat.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519308018/bavkly9dup3yoxzopgis.png)

Montserrat free font , [Google Font](https://fonts.google.com/specimen/Montserrat) .

#### Proof of work
![1.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519308051/r6ush7fehs2474otqk3q.png)

![2.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519308067/cpy9bicifztnjflsky8s.png)

![3.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519308073/pyxm6xtswja4p97rri3y.png)

![4.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519308081/xs2zch0ngfrsiy6p0hrv.png)

![5.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519310461/ruybfmyyw3tnr1pqebkh.png)

#### Benefits / Improvements

The old logo is just so simple and it doesn't attract people to download it , but the new one is much nicer , modern and much eye catching icon , the negative space from the circle shows the letter R ( first letter of the app) .

#### Tools

In order to design this icon/logo i used :

Adobe Illustrator CC 2017

#### Original files

Mockup used [Here](https://goodmockups.com/free-iphone-7-app-screen-mockup-psd/)

Github repository [Here](https://github.com/SlayterDev/RadiumBrowser)

App Store application [Here](https://itunes.apple.com/us/app/radium-web-browser/id1274491203?mt=8)

Shared Folder with Original Editable files: [ AI | EPS | SVG | PDF | PNG ](https://drive.google.com/open?id=188tcFBH2s6Bjk0pm4w33-ePMVGhuoXZw)

<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@youssouf/icon-design-proposal-for-radium-browser-app">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>