Icon Request: fa-gmail

[aakashtyg]

[JaredCubilla]

+1

[acshef]

+1, although if going the route of Google, all of Google's apps may as well be worked on: Maps, Gmail, Drive, Hangouts, Play Store, Blogger/Blogspot, Wallet, Photos, Shopping, Translate, etc

[tagliala]

@acshef most of those products have their own request (eg: drive #835) If you want to request other google products, please open new requests or +1 existing ones

[jaysingh]

+1

[sandyc2992]

+1

[dominikgrolimund]

+1

[henleywc]

+1

[scherre]

+1

[wlitwa]

+1

[ricardopolo]

+1 👍

[G-Driver]

+1

[Jrizzi1]

+1

[danniranderis]

+1

[quickonlinetips]

+1 Needed very much as is an important sharing icon now

[peterbakonyi05]

+1

[stevelippert]

+1

[ghost]

+1

[georgecoca]

+1

[echan00]

+1

[SantiagoDeLaTorre]

+1

[samdturner]

+1

[berkantkz]

+1

[nikopolidi]

+1

[hovind]

+1

[D4rkTiger]

+1

[Samir-GIIK]

+1

[clems4ever]

+1

[anujanegi]

+1

[rymasc]

+1

[toddjcrane]

+1

[Adrianmed]

+1

[isteiger]

+1

[Smartappli]

+1

[ifsantana]

+1

[toddjcrane]

+1

[ChristopherSnay]

+1

[jfbaraky]

+1

[abilkht]

+1

[weijyewang]

+1

[LarsFlieger]

+1

[admarko]

+1

[AryaveerSR]

+1

[xziler8]

Well Hangouts I hear is headed for the wastebin by Sept 2020

[coffemanfp]

+1

[zghorn]

The year is 2020, let's do this.

[rusti4]

the only issue is, Google has now implemented new icons for their suite of apps. I feel this request should be based off the new icon set now.

[epignatelli]

I used a workaround for the gmail icon. You can use it as a standard icon.
Here the full gist: https://gist.github.com/epignatelli/114da91cbf13e6eef376b1036307b449

style.css

.fa-gmail {
  content: url('assets/images/gmail.svg');
  height: 1em;
  width: auto;
}

gmail.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 24" width="64" height="64"><path d="M29.986 27.715H2.008C.915 27.715 0 26.85 0 25.733V6.376A2.01 2.01 0 0 1 2.008 4.37h27.978c1.093 0 2.008.9 2.008 2.008v19.33c-.025 1.144-.915 2.008-2.008 2.008z" fill="#f2f2f2"/><path d="M4 27.715l11.97-8.76.076-.508L3.7 9.578l-.025 17.705z" opacity=".1" fill="#221f1f"/><g fill="#d44c3d"><path d="M2.008 27.715C.9 27.715 0 26.85 0 25.733V6.35c0-1.118.9-1.32 2.008-1.32s2.008.23 2.008 1.32v21.364z"/><path d="M2.008 5.334c1.423 0 1.703.432 1.703 1.016v21.084H2.008c-.94 0-1.703-.762-1.703-1.703V6.35c-.025-.6.28-1.016 1.703-1.016zm0-.28C.9 5.055 0 5.283 0 6.35v19.356a1.98 1.98 0 0 0 2.008 2.008h2.008V6.35C4 5.258 3.126 5.055 2.008 5.055zm27.978.28c1.296 0 1.703.254 1.703.966v19.458c0 .94-.762 1.703-1.703 1.703h-1.703V6.3c-.025-.737.407-.966 1.703-.966zm0-.28c-1.118 0-2.008.152-2.008 1.245v21.44h2.008c1.118 0 2.008-.9 2.008-2.008V6.274c-.025-1.093-.915-1.22-2.008-1.22z"/><path d="M29.986 27.715h-2.008V6.3c0-1.118.9-1.245 2.008-1.245s2.008.152 2.008 1.245v19.458a2 2 0 0 1-2.008 1.957z"/></g><path d="M21.422 27.715L.178 7.2l1.118.457 14.8 10.647L31.993 6.63v19.128a1.99 1.99 0 0 1-2.008 1.982z" opacity=".08" fill="#221f1f"/><g fill="#d44c3d"><path d="M15.96 18.98L.864 8.028c-.9-.66-1.144-1.93-.483-2.82s1.93-1.093 2.846-.432l12.757 9.275L28.817 4.65c.9-.66 2.135-.457 2.795.457.66.9.457 2.135-.457 2.795z"/><path d="M29.986 4.572c.534 0 1.067.254 1.398.712.534.762.38 1.83-.38 2.4L15.96 18.625 1.042 7.8C.28 7.24.076 6.147.6 5.4c.305-.457.84-.737 1.423-.737.38 0 .737.102 1.016.33l12.73 9.25.178.102.178-.102 12.82-9.393c.33-.178.66-.28 1.042-.28zm0-.305c-.407 0-.84.102-1.17.38L15.984 14.05 3.202 4.75c-.33-.254-.762-.38-1.194-.38-.635.025-1.27.305-1.652.84-.635.9-.38 2.135.508 2.795L15.96 18.98 31.155 7.9a2.02 2.02 0 0 0 .457-2.795c-.407-.534-1.016-.84-1.626-.84z"/></g></svg>

gmail2020.svg

<svg height="2500" width="2200" xmlns="http://www.w3.org/2000/svg" viewBox="52 26 88 66">
<path fill="#4285f4" d="M58 108h14V74L52 59v43c0 3.32 2.69 6 6 6"/>
<path fill="#34a853" d="M120 108h14c3.32 0 6-2.69 6-6V59l-20 15"/>
<path fill="#fbbc04" d="M120 48v26l20-15v-8c0-7.42-8.47-11.65-14.4-7.2"/>
<path fill="#ea4335" d="M72 74V48l24 18 24-18v26L96 92"/>
<path fill="#c5221f" d="M52 51v8l20 15V48l-5.6-4.2c-5.94-4.45-14.4-.22-14.4 7.2"/>
</svg>

Usage:

<span class="fab fa-gmail fa-xs"></span>
<span class="fab fa-gmail fa-sm"></span>
<span class="fab fa-gmail fa-lg"></span>
<span class="fab fa-gmail fa-2x"></span>
<span class="fab fa-gmail fa-3x"></span>
<span class="fab fa-gmail fa-5x"></span>
<span class="fab fa-gmail fa-7x"></span>
<span class="fab fa-gmail fa-10x"></span>

This answer is the same as for the google scholar icon at #541

[yeasinaman]

+1

[UjjwalSaini07]

+1

[liomar17]

+1
but, I recommend using this icon for the Gmail logo

[himalczyk]

+1, would also consider this:

https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Gmail_icon_%282020%29.svg/512px-Gmail_icon_%282020%29.svg.png?20201210105308