Inspired by a comment on Dustin Curtis' original Markdown icon idea, perhaps an icon like this would allow for an image without any explicit characters, while still implying the M in whitespace. This is a 30-second very unpolished idea, a little heavy-handed and obvious, but I'd love to see a real icon designer take a crack at something like this. Shrug.
Really great idea, Dustin. I'm shocked Markdown doesn't have any sort of agreed-upon iconography yet, considering how prolific it has become in recent years. I really like how your icon is reminiscent - to me, at least - of a keyboard key. Apropos. Keep polishing it.
@Ragdoll A very good point, you've inspired me to take a crack at an alternative icon design.
Are their universal icons for other file formats or syntaxes? I have seen people make things to suggest things like </> for code and sometimes html.. but didn't know that there was a universal symbol. I like the idea and the execution... if it doesn't fly... you can always use the ol' file ext .md . Or, when I create systems that use markdown... I like to include a link for the unfamiliar that says: markdown formatting help
PDFs and Word file formats definitely have icons. RSS has an icon, though in my experience people tend to use “RSS” more often. I’m not saying the icon is bad or that I could do better, but it’s a general criticism for icon design, so I thought it worth mentioning.
I couldn't resist I just needed to rebound Dustin Curtis Markdown symbol.
My idea is based on HTML Header H1 tag http://daringfireball.net/projects/markdown/syntax#header . H1 tag is usually is where we put the biggest text and is the beginning of the page. I used daringfireball.net background color to color the letters.
My second crack at a Markdown icon, once again inspired by Dustin Curtis' original idea. Trying to reincorporate the border as he did, I really like the keyboard key look. Still not sure about the border radius of the container or the sharp edges of the arrow, but I do like the "flying M" look.
I had to take the challenge to create a Markdown symbol.
So my approach was this: A down pointing arrow has nothing to do with the concept of markdown except the name. Because a down arrow is strongly associated with download, I chose another approach.
Took one of the characters mostly used within markdown the header hash sign. Created the arrow and pointed it to the right, as markdown characters is placed to the left of the intended text to format. The result is as simple as markdown itself.
And I'm not even sure why markdown needs a symbol, but here is my contribution to the whole discussion.
25 Responses
UPDATE: See: http://dribbble.com/shots/470338-The-Markdown-Mark
I'm making something, and it uses Markdown. But there's no universal symbol for Markdown. Maybe there should be.
Here's what it might look like: http://screenshots.dustincurtis.com/no_comment-20120213-111944.png
over 1 year ago
This a good idea. Gruber would be proud, son.
over 1 year ago
This is amazing!!
over 1 year ago
Clean and straight to the point! I love this icon!
over 1 year ago
Win.
over 1 year ago
Decent, but I always think an icon should not use letters to be universally effective.
over 1 year ago
Works for me
over 1 year ago
Think there's something in combining the arrow with the rightmost stem of the M, but I can't be bothered to open Illustrator :)
over 1 year ago
Rebound
This Means Markdown?
by Samuel Fine
Inspired by a comment on Dustin Curtis' original Markdown icon idea, perhaps an icon like this would allow for an image without any explicit characters, while still implying the M in whitespace. This is a 30-second very unpolished idea, a little heavy-handed and obvious, but I'd love to see a real icon designer take a crack at something like this. Shrug.
over 1 year ago
Really great idea, Dustin. I'm shocked Markdown doesn't have any sort of agreed-upon iconography yet, considering how prolific it has become in recent years. I really like how your icon is reminiscent - to me, at least - of a keyboard key. Apropos. Keep polishing it.
@Ragdoll A very good point, you've inspired me to take a crack at an alternative icon design.
over 1 year ago
Are their universal icons for other file formats or syntaxes? I have seen people make things to suggest things like
</>for code and sometimes html.. but didn't know that there was a universal symbol. I like the idea and the execution... if it doesn't fly... you can always use the ol' file ext .md . Or, when I create systems that use markdown... I like to include a link for the unfamiliar that says: markdown formatting helpover 1 year ago
PDFs and Word file formats definitely have icons. RSS has an icon, though in my experience people tend to use “RSS” more often. I’m not saying the icon is bad or that I could do better, but it’s a general criticism for icon design, so I thought it worth mentioning.
over 1 year ago
Rebound
Markdown
by Nicola Armellini
After seeing Dustin's Markdown icon I couldn't help giving it a go and "propose" my own version.
It has a close relation to a symbol we all perfectly know and at the same time it has both the initial M and the downward pointing arrow.
What do you think? :)
over 1 year ago
Rebound
Markdown
by Vladimir Carrer
I couldn't resist I just needed to rebound Dustin Curtis Markdown symbol.
My idea is based on HTML Header H1 tag http://daringfireball.net/projects/markdown/syntax#header . H1 tag is usually is where we put the biggest text and is the beginning of the page. I used daringfireball.net background color to color the letters.
What do you think?
over 1 year ago
Rebound
Markdown v2
by Samuel Fine
My second crack at a Markdown icon, once again inspired by Dustin Curtis' original idea. Trying to reincorporate the border as he did, I really like the keyboard key look. Still not sure about the border radius of the container or the sharp edges of the arrow, but I do like the "flying M" look.
over 1 year ago
Rebound
This (could) Mean Markdown
by Jake Desaulniers
After seeing everyone else's iterations on the markdown arrow icon concept, I thought I'd throw in my two cents.
over 1 year ago
Rebound
Markdown Icon
by Vince Speelman
My version. Thought process: Markdown is for writing! MAKE IT A PENCIL.
over 1 year ago
Rebound
Markup language
by Jackalstudio
over 1 year ago
Rebound
Markdown symbol
by Gadzhi Kharkharov
Just had another quick idea on the Markdown symbol.
This one has a monospace font and a text insertion point depicting that it's a markup language. That simple.
over 1 year ago
Rebound
It's The Final Markdownnn
by Tom Gurka
my take. Extremely minimal, with a pencil/arrow shape as the center line
over 1 year ago
Rebound
Markdown
by dai inami
This is combination of pencil (mark) and arrow (down).
The silhouette looks like "M".
(^.^)
over 1 year ago
Rebound
Markdown symbol
by Maximilian Larsson
I had to take the challenge to create a Markdown symbol.
So my approach was this: A down pointing arrow has nothing to do with the concept of markdown except the name. Because a down arrow is strongly associated with download, I chose another approach.
Took one of the characters mostly used within markdown the header hash sign. Created the arrow and pointed it to the right, as markdown characters is placed to the left of the intended text to format. The result is as simple as markdown itself.
And I'm not even sure why markdown needs a symbol, but here is my contribution to the whole discussion.
over 1 year ago
Rebound
Markdown rebound
by James Dunay
Thought I'd throw my hat into the ring, thoughts?
over 1 year ago
Rebound
Markdown Icon
by Kurt Gröner
over 1 year ago
Rebound
Markdown
by Emily Brophy
over 1 year ago