Update Calendar block icon for better alignment with the Archives block icon

[kjellr]

The current Calendar block icon uses the Calendar Dashicon, which is stylistically different from the Calendar used in the Archives block. To better align these, I suggest we adopt the calendar_today icon from Material to represent the calendar block.

Alternatively, to separate these two icons visually, we could use the current "Archives" icon for the Calendar block instead, and explore a new icon for the Archives block — Perhaps the history, book, or library_book icons?

---

Before:

After:

[Soean]

Code looks good and works in inserter and block.

[sarahmonster]

From a design perspective, this definitely feels like an improvement! 👍

For reference, this is the Calendar block:

...and this is the Archive block:

Given the obvious visual difference betweeen these two blocks, it might be a good idea to consider representing that difference in the icons we use. The Archive icon seems to be a better representation of the Calendar block here, in terms of visual appearance and output. From the existing Material library, the library_book definitely feels like the closest choice, but it still doesn't immediately feel as though it fits.

What about something like list_alt? Or maybe a list inside a calendar, to communicate the idea of a list of past posts?

[melchoyce]

From the existing Material library, the library_book definitely feels like the closest choice, but it still doesn't immediately feel as though it fits.

I thought the same, it felt closest of the bunch.

There's a lot of filing boxes here: https://www.iconfinder.com/search/?q=archive

We could create a custom icon, maybe like this:

[kjellr]

What about something like list_alt? Or maybe a list inside a calendar, to communicate the idea of a list of past posts?

list-alt almost makes sense, but I know we're actually considering using it for another control in the UI. 😄

The list inside of a calendar may work:

@melchoyce the middle one's just like your example above, but I added back the tabs at the top so it looks less like a web browser.

[davewhitley]

Archive:

example from Gridicons

Ones that might work from Material

[kjellr]

Thanks for the feedback folks. I've updated the PR like so:

• I've updated the Calendar icon to use the old Archives block icon.
• I've added a new icon to the Archives block. I went with the "List inside of a calendar" option for now, but happy to refresh with one of the other options discussed. This one made sense to me right now: the archives block is basically a calendar, but displayed in a list form. This icon helps both blocks share the same visual language, which is kind of cool. Maybe they're too similar though?

Let me know what you all think!

[mapk]

Looks good Kjell!

[mapk]

Dropped a proper review. 😉

[kjellr]

Thanks, folks!