WebAssembly logo

[jfbastien]

---

ＷｅｂＡｓｓｅｍｂｌｙ  Ｌｏｇｏ  Ｃｏｎｔｅｓｔ

⚠️⚠️⚠️⚠️⚠️ ⚠️ UPDATE ⚠️ ✅ vote for your favorite logo in ➡️ this thread ⬅️ ⚠️⚠️⚠️⚠️⚠️

---

ORIGINAL POST (now closed)

---

At the very start of the WebAssembly project, @sunfishcode hacked up a logo: It has nice ideas:

• Arrows coming together to represent "assemble".
• Arrows coming together can also represent compiling other languages to the web.

It would be nice to have something more fancy / web-y / designer-y, and keep it neutral so it belongs to the web and not one of the browser vendors.

Petr Hosek from the NaCl team proposed using the HTML5 technology class icons.

---

Ｈｅｒｅ＇ｓ  ｗｈｅｒｅ  ＹＯＵ  ｃｏｍｅ  ｉｎ！

Reply to this thread with your suggested WebAssembly logo.

We haven't decided how we'll pick the final logo, but it'll definitely be around "stable MVP" time.

---

[titzer]

That's a neat metaphor. FWIW I always liked the Borland C++ logo, which looked like building blocks being put together. "Assembling" can also have that connotation as well.

On Wed, Jun 3, 2015 at 10:34 PM, JF Bastien notifications@github.com wrote:

@sunfishcode https://github.com/sunfishcode hacked up a quick logo for Web Assembly: [image: image] https://cloud.githubusercontent.com/assets/298127/7970689/95aefe64-09f4-11e5-87c8-b67d25f46901.png It has nice ideas:

• Arrows coming together to represent "assemble".
• Arrows coming together can also represent compiling other languages to the web.

It would be nice to have something more fancy / web-y / designer-y, and keep it neutral so it belongs to the web and not one of the browser vendors.

Petr Hosek from my team proposed using the HTML5 technology class icons http://www.w3.org/html/logo/, and came up with the following: [image: image] https://cloud.githubusercontent.com/assets/298127/7970659/70880d2e-09f4-11e5-9c7b-c2134ee7f483.png

Any other suggestions?

@lukewagner https://github.com/lukewagner said:

My own personal nit would be that the asymmetry of the arrows bothered me a bit. Asymmetry can be visually nice, though. Just to throw out an idea: what if the arrows were symmetric but there were 4 slightly-different abstract shapes at the four corners: building on the "compiling to the web" metaphor above, the 4 shapes would represent 4 different source languages which were being compiled (via the arrow) to the center (the web).

— Reply to this email directly or view it on GitHub https://github.com/WebAssembly/spec/issues/112.

[jfbastien]

@BrendanEich also mentioned that he like the superheroes assembling vibe, Avengers style.

[lukewagner]

Yes, my nit aside, I overall like arrows pointing together. Building blocks is an interesting idea; I'd be interested if anyone had a concept that matched the HTML5 technology class icon style.

[jfbastien]

Petr Hosek originally came up with the following:

@davidsehr pointed out a horrible flaw in that logo. I like the arrows, but we should definitely avoid inadvertently creating a historically-insensitive logos!

The HTML5 technology class icon idea is still good, though!

[jfbastien]

I talked to some folks here, and they suggest that we hold off having any logo until first launch. That'll allow us to concentrate on tech instead, and let us take time to actually create a logo which is though-out and doesn't have inadvertent meanings!

[Teemperor]

@lukewagner Well, it's version 1.0 (somewhen) and it's abbreviation is WASM. Also, green is not used so far by the typical HTML5 technology icons AFAIK.

EDIT: Licensed under (CC BY 3.0) and based on the HTML 5 Logo

EDIT: Will provide a SVG version with less pixel errors when I have time :p.

EDIT: SVG for the green and purple version.

[jfbastien]

@Teemperor we can't accept a logo without you being in the W3C community group, and with proper copyright attribution. It's also too early to get a logo for now :)

[Teemperor]

@jfbastien I'm already in the W3C community. The logo has to be licensed under the original CC license of the HTML5 logo because it's obviously just the remixed HTML 5 logo.

[Teemperor]

Another design based on the arrows pointing together (for WebAssembly):

Licensed under (CC BY 3.0), created by Raphael Isemann.

And I think a logo that will be changed later is better than no logo at all :)

[lawnsea]

[cihadturhan]

Here are my 3 mins shots.

[yurrriq]

:+1:

[Namozag]

What about the WA Zigzag

[andrnag]

@Namozag I like it!

[fstark]

(looks like attachments don't work via email...) (Couple of quick and dirty)

An play on the zigzag idea:

Playing with negative space:

—fred

On 23 Jun 2015, at 13:27, Andrey notifications@github.com wrote:

@Namozag https://github.com/Namozag I like it!

— Reply to this email directly or view it on GitHub https://github.com/WebAssembly/design/issues/112#issuecomment-114450578.

[kigiri]

@fstark can't see them.

[fstark]

Looks like you can't attach images via email, so I added them to the original comment. Do they appear inline ?

[Teemperor]

Nope

[fstark]

Let me try again with a smaller resolution.

Image 1 (Variation on Zigzag)

Image 2 (Negative Space)

[Janonard]

I think it may be confusing to use a WA-logo, because Whatsapp is abbreviated as WA too.

[BrendanEich]

Really creative work by everyone here. Agree on avoiding WhatsApp overlap; also the \/\/ from "Clueless" for "whatEVER" ;-).

/be

[fstark]

I don't really understand the concern with Whatsapp, as their logo looks like this.

Also, the full name is WebAssembly, not wasm nor wa, so I am not sure where the confusion would come from. It isn't like if people would start using wa as the name. It is just some random scribbles on a logo. Reusing the shield idea of @Teemperor (maybe not green, to avoid WA connotations) with some scribbling could give WebAssembly a recognizable look directly connected to HTML5. Mmm. May try that later.

[Teemperor]

Maybe it's a regional thing, but I don't connect the logo of @fstarks with WhatsApp at all. Also, as I figured out that the green shield is for PHP (and WhatsApp is also green as said by @fstark ), so I recolored it to purple (and fixed the pixel errors):

[bobajeff]

I agree that you should hold off on a logo. In fact I'm not convinced it even need to have one.

However, I do like thinking up logos and I like some of the designs I've seen here. If there is a logo I think it should use the full name (WebAssembly) or the shortened version (wasm). In the latter I'd suggest visually distinguishing the w from the asm. Also, is suggest referencing the assembly language aspect of the it somehow.

[jbondc]

Amazed by the all the logo ideas, variation of @Namozag

I'd seem to prefer anything with 'wasm' or 'asm' in there as text.

[dcodeIO]

Oh, cool, (not) a logo contest! And already some great ideas! Well, this is my take on a logo (trying to incorporate a bunch of the previous ideas):

• Somewhat like the HTML5 semantics logo "Giving meaning to structure", but upside down, still "enabling a more useful, data driven web for both programs and your users."
• A bit compact, flowing data
• A bit pluggable
• A bit stack
• A bit "W", "A", "S", "M"
• Optional shading and, of course, green

Cheers!

[flyfloor]

@dcodeIO looks great!

[aorjoa]

@fstark Image 2 ,, Cheers!!

[Mexiswow]

[fstark]

@dcodeIO : nice !

[AdamKochanski]

Maybe something like this ;)

[Janonard]

I really like the black/green one by @dcodeIO!

[LucasNatoli]

I like the black and green one. Cheers!

El mié., 1 de jul. de 2015 a la(s) 10:10 a. m., Jan-Oliver Opdenhövel < notifications@github.com> escribió:

I really like the black/green one by @dcodeIO https://github.com/dcodeIO !

— Reply to this email directly or view it on GitHub https://github.com/WebAssembly/design/issues/112#issuecomment-117662363.

[johngruen]

[ghost]

My sub

[mahatt]

[mahatt]

this one is duplicate for my last sub

[johnku1]

Should we hold a straw poll to decide what is the best logo for the project?

[Rudy24]

You had been already talked about the logo of WebAssembly for long times ,I think it's time to over .

Send by iPhone

在 2015年7月16日，22:36，Thomas notifications@github.com 写道：

Should we hold a straw poll to decide what is the best logo for the project?

— Reply to this email directly or view it on GitHub.

[bnjbvr]

I haven't tried anything on a graphics software, but when waiting for compilations, I had the following ideas:

• The one in the center is a vertical superposition of the W (web) and the A (assembly), and reminds me a lot of the emoticon of a person raising hands to the sky like this: \o/
• The one on the right is the same as the one on the center, althought it also nicely collapses the W (web) and the A (assembly).
• The one on the left is the same as the one on the center, but it also has the 4 floating heads above the central triangle, which are supposed to recall the original temporary logo and the same ideas.

If somebody were willing to expand these ideas and make real logos out of these sketch images, that'd be great!

[tomtclai]

I love the black/green one @dcodeIO

[lukewagner]

On the subject of voting, and to help set expectations in this thread: we don't have a process chosen yet for picking a logo and whatever this process is, I think it will happen closer to the release of WebAssembly (spec and implementations). That being said, I've enjoyed the stream of ideas here and don't mean to tell anyone to stop, just that there's no hurry or imminent decision.

[jfbastien]

The more the merrier! I concur with @lukewagner: let's only settle on a logo when we get close to MVP release. Keep the creativity up until then.

[stichnot]

Never gonna give up on finding the best logo!

[rfernbach]

I'm no designer but I did some doodles and thought I might as well share them.

They are very rough (wrong alignments/proportions/font), but the general idea should come across.

[aorjoa]

Let's me try :)

[jjmiyao]

[hustlibraco]

@dcodeIO image 2 looks great!

[sczyh30]

@dcodeIO it's cool!!

[dukex]

+1 for @dcodeIO