Calendar icon manual
As I’m sure many designers do, I have an Assets folder with a collection of small things you always need (mouse cursors, spinners, checkboxes etc.). There’s one thing that’s so easy to create from scratch that I don’t even bother to store it anywhere.
Let’s say you want to add a popup calendar to a date input. Here’s how you make a calendar icon for it.
Start with a 4×4 black rectangle (showing at 1200% zoom):
![](https://ilyabirman.net/meanwhile/pictures/calendar-step-1.png)
Make three of them in a row, with overlapping borders, like this:
![](https://ilyabirman.net/meanwhile/pictures/calendar-step-2.png)
Clone this whole thing and move 3 pixels down, like this:
![](https://ilyabirman.net/meanwhile/pictures/calendar-step-3.png)
Now clone this whole thing and move 3 pixels down and 3 pixels to the left, like this:
![](https://ilyabirman.net/meanwhile/pictures/calendar-step-4.png)
Done (don’t try to click, it’s just a picture):
![](https://ilyabirman.net/meanwhile/pictures/calendar-example.png)