DEV Community

Cover image for Have you seen the weirdest frontend-related logo?
Nick
Nick

Posted on • Edited on

2 1

Have you seen the weirdest frontend-related logo?

Problem

Recently, I've created a post about HTML5 Canvas API and needed to make a cover image for it. I wanted to put a recognizable canvas logo on a solid background and applied custom colors, but I ran into a blocker.

Starting Point

So, do you know what the Canvas logo looks like?

HTML5 Canvas Logo

According to Wikipedia, it is a suggestion for a logo of the HTML5 canvas element by netgoblin154. It was published in 2012 and looks a bit outdated in 2021.

Solution

So, I decided to make a more suitable logo for my purpose.
I used netgloblin154's idea as a reference point, but started with a familiar HTML5 logo and colored it using an awesome Nord theme.

HTML5 Canvas Logo

IMHO, it looks much more recognizable and emphasizes that Canvas API is a part of HTML5.

Color regarding the updated logo is suitable for a dark background as is.
HTML5 Canvas Logo on dark background
And works on light background with tiny color tweaking.
HTML5 Canvas Logo on light background

Use it!

Now I want to share it with you guys.
In case you face a similar task, you could download both variants of the updated logo from the gist.

Happy blogging...

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs