Creating a Dynamic Favicon with Cloudinary

Ok, chalk this up to something I may never actually use in production, but I was curious how well the browser would handle changing the favicon of a tab on the fly, and combining that with Cloudinary to dynamically modify the source. The inspiration for this was something simple - Google Calendar's favicon is unique per day, so for example, right now I see this: As there is - at most - 31 days in a month - my assumption is that they simply generated all 31 at some point and in their code serving up the web page, they select the right one. To be honest, it's subtle and I don't always notice it, but it's a nice effect. I decided to take a look at how I'd implement this in Cloudinary with JavaScript. The Icon For my icon, I grabbed this nice cat icon from Flaticon: https://www.flaticon.com/free-icon/cat_8564642 Nice and simple, and not a bad choice for an icon. This was originally a png, which you can use for a favicon, but I used Cloudinary's URL transformations to both resize it and…