What is Rocket.Chat?

Rocket.Chat which has been developed in open source is a social network application. You can find the application on Github.
![Logo.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519598322/dltsnpsstrwauukhjvmk.png)

I made some drawings to combine “speech balloon” and “rocket” icons. I decided in the drawing below between these drawings. I photographed this drawing and digitized it in Adobe Illustrator. 

Sketch 
![Sketch1.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519598337/vos8yn5d7nn5zdzsgfky.png)
![Sketch2.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519598340/rex9hmhal0397by0lk1n.png)

Monochrome Logo 
![MonochromeLogo.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519598344/fc5glqundgongrwklgrp.png)

I decided to use blue and orange tones in the design.
![Color.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519598355/t0velbqctrchf9pyoxr2.png)

I painted the icon with blue and white orange and studied it.
![Singulercolorlogo.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519598364/id2gx9dyeaws3aac7kxh.png)

The icon that is currently used and the icon I designed are sides by side.
![Old.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519598374/vrpumhomfwdpzrgquthy.png)

Below, you can see the old and new version of the app preview located on electronjs.org.
![OldNew.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519598382/z01ei62h0vqbtdb7pxcs.png)

Application icons in different sizes.
![Size.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519598388/hyidznazk8dzqntht88i.png)

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

Old New
![OldNewWebsite.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519598473/fj3qv59wdfrz93hzdb4f.png)

512*512 Png Icon <br>
![512.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519598398/q9ikwy96xi2kdxckvm2x.png)

Thank you for viewing the design.
![ThankYou.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519598404/di7hh1qy0oaxtpdauy0a.png)

Benefits / Improvements<br>
- "Speech balloon" and "rocket" icons were combined.<br>
- Shades of blue and orange were used.<br>
- The logotype was created.<br>
- It has been gained a modern appearance.<br>

Tools <br>
Adobe Illustrator CC 2018 <br>
Adobe Photoshop CC 2018 <br>

[Original and Editable Files Download](https://drive.google.com/open?id=1nsAmzieCK5HBdX3WY1V4oIv1CsrbQKbH) <br>
[Font Source](https://www.dafont.com/cocogoose.font?text=RocketChat&back=top)<br>

<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@gifmaker/new-logo-and-app-icon-rocket-chat">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>