Gallery Of Date Stamps And Calendars


Designer’s attention to small details often has a significant impact on how visitors perceive the overall design of a web-site. Although users’ main focus usually lies on finding information, it’s nice to find the content being supported by finest visual details. This holds for favicons, shopping carts, pagination and tag clouds we’ve covered in our earlier posts. But it also holds for… well, date stamps and calendars. Apparently, the latter are used not only in weblogs, but also on large web-sites where events, news and any kind of time-planning is involved.

In such designs a tear-off calendar is often used to symbolize the date in a most intuitive way. However, it’s not always the case. In fact, designers seem to experiment with a number of different approach one wouldn’t really expect from such a tiny design element. Out collection of appealing and interesting calendar icons and date stamps is supposed to prove it. It might provide you with some fresh ideas once you need to design some original date stamp, but don’t know where to start from. All images are clickable.

Some of presented examples may not look nice at the first glance, but they all have some idea behind them — an idea you may use and develop further.

You might want to check out the following articles as well:

Date Stamps

Blog Calendar Icon Blog Calendar Icon Blog Calendar Icon Screenshot Blog Calendar Icon
Screenshot Blog Calendar Icon Screenshot Screenshot Screenshot
Screenshot Screenshot Screenshot Screenshot Screenshot
Blog Calendar Icon Screenshot Screenshot Screenshot Screenshot
Blog Calendar Icon Blog Calendar Icon Screenshot Blog Calendar Icon Blog Calendar Icon
Blog Calendar Icon Blog Calendar Icon Blog Calendar Icon Blog Calendar Icon Blog Calendar Icon
Blog Calendar Icon Blog Calendar Icon Blog Calendar Icon Blog Calendar Icon Blog Calendar Icon
Blog Calendar Icon Blog Calendar Icon Blog Calendar Icon Blog Calendar Icon Blog Calendar Icon

Tutorials and References

To design something unique you might find useful some related tutorials.

Calendar icons not only for your blog
Wit CSS-code and a source image for GIMP.

Blog Calendar Icon

Web 2.0 Date Icons For Your Blog
png-format with a .psd-source.

Blog Calendar Icon

Calendar Icon Tutorial

Blog Calendar Icon

Calendar Icon
Blog Calendar Icon

Calendar icon – Photoshop tutorial

Blog Calendar Icon

Creating a Blog Entry Date Calendar Icon Look with CSS, Mostly

Blog Calendar Icon

↑ Back to top

Co-Founder of Smashing Magazine. Former writer, web designer, freelancer and webworker. Sven is now writing Science Fiction Stories.

  1. 1

    Nice collection!

  2. 2

    Nice nice…

  3. 3

    i like calendar that is designed on GIMP, gotta download that one! thumbs up^^

  4. 4

    It’s really useful, thanks smashingmagazine

  5. 5

    Not a fan of all of them, but usefull nevertheless

  6. 6

    they gonna be useful:) thanks.

  7. 7

    oh no, i’ve been looking for these

  8. 8

    Nice to see a bunch of calendar graphics on one page. Never even thought about doing this on my site.


  9. 9

    Smashing seems to be getting more active nowadays. Keep it up!

  10. 10

    Laura - webdesigner

    February 22, 2008 10:03 am

    lovely icons! :-)

  11. 11

    Check out the date collection over at – i love the colors he’s used and how the dates change colors!

  12. 12
  13. 13

    Awesome!! :D

  14. 14


  15. 15

    Great post!

  16. 16

    Thanks for this post. I’ve been looking for a good source of ideas on this very topic. Additionally, I found Smashing Magazine a couple of months ago and it has steadily progressed to my most read blog/online magazine. Really great publication and very helpful to me as a web designer.


    p.s. One complaint: what’s up with those nasty, huge post titles on the front page? I don’t get it.

  17. 17

    Thanks for the collection. Always nice for inspiration.

    One thing designers (not to mention writers) should avoid is using an ordinal number in the date. We pronounce dates with ordinal numbers (first, tenth, etc.) but this is not correct when dates are displayed visually. You would say “June tenth” and write “June 10.” I think Microsoft Word is a big culprit leading this decline because it “auto corrects” a date into an ordinal. A lot of people who should know better apparently don’t. Why does this matter? For the same reason we value good design. It makes us more professional.

  18. 18 post again!

  19. 19

    Excelente ayuda, gracias por los tutoriales.

  20. 20

    I love the different calander looks. Helps on the design side.

  21. 21


  22. 22

    Amazing article !
    Thanks for this..

  23. 23

    Inspired list as usual thank you for sharing this gr8 stuffs

  24. 24

    nice article

  25. 25

    I am looking for design best practices for choosing a time period using a timeline (not tons of dropdowns), e.g. sth like timelines used at – anyone?

  26. 26

    I sell my website THEN it gets linked on smashingmagazine! :(

    Awesome article btw.. i was actually making some for a someones blog- thanks for the inspiration as always.

  27. 27

    Oh wow. Thanks for featuring my website again, I really appreciate it! Nice collection by the way, I’ve never seen a post that showcased this specific part of a website before. Great idea :)

  28. 28

    Nice article, thanks for the calendar stamps.

  29. 29

    What about of best calendar picker javascripts that supports crossbrowsers?

  30. 30

    What I was searching for!

  31. 31

    many of this date stemps are really cool! good overview!

  32. 32

    Thank you for considering my humble work. Really thanks.

  33. 33

    Whilst many are very nice graphically, I feel the examples with explicity month names (or abbreviations) are better, since they circumvent issues with mm/dd and dd/mm differences.

  34. 34

    great :)… maybe you can write also a post with “quote” stamps ? :))

  35. 35

    These look great, thanks for sharing :)

  36. 36

    Just wanted to say thanks for this article – I’ve been searching for the past few months for a good source for inspiration / examples of Calendar buttons (I found it pretty hard to locate sites for this!). Smashing Magazine rocks.

  37. 37
  38. 38

    So many nice “Date Stamps” and my question is: left or right or top or bottom ;)

    From germany


  39. 39

    Nice collection :)

  40. 40

    Post a comment, just to say “nice” or “good” is completly STUPID … this makes longer an longer pages and makes it very difficult to browse the REAL content (too much scrolling) …

    PLEASE, add a “rating script”, so that stupid peoples could show their satisfaction in a much clever way !!!!

    THANKS !

  41. 41

    Outstanding resource, thanks for your hard work.

  42. 42

    My god, I’ve been looking for this for about 2 hours now… I’ve been going through so many random blogs just to find an example of a decent calendar icon for inspiration when creating my own…
    It’s typical, you see them every single day of your life, but when you’re actually looking for them they all dissapear…

    Thank you.

  43. 43

    just what i was looking for, thanks again smashingmagazine

  44. 44

    great gallery with a grat collections. looks like a great effort has been put in to put this showcase up and running.. cheers

  45. 45

    nice one!……………

  46. 46

    The fubiz design blog has got wonderful datestamps

  47. 47

    Robert Sandles

    July 1, 2009 2:42 am

    Does anyone now a programme that makes date stamps like ones created by the Uk Post Office when they Frank your Mail ?

  48. 48

    Tejendra Shandilya

    July 4, 2009 12:52 am

    Nice collection of calender icons. They will be very helpful
    Thanks ..

  49. 49

    I like the way you write! Nice blog.

  50. 50

    Hey this is a very interesting article! Thanks!

  51. 51

    Wlisses Freitas

    June 1, 2011 3:17 pm

    Very nice! Thanks ;D

  52. 52

    Music started playing any time I opened this website

  53. 53

    Thanks Sven Lennartz for the share

  54. 54

    Out collection? Second Paragraph, fourth line says “Out collection of appealing and interesting calendar icons and date stamps is”. Great article though. Currently going to school for web design and development and I must say, this is definitely a great learning resource for this career field. Thank You, and keep up the magnificent job!


↑ Back to top