zany 🤪 easy, free & configurable hosted favicons

1 min read Original article ↗

usage

	
<link rel="icon" href="https://zany.sh/favicon.svg"/>
<link rel="icon" href="https://zany.sh/favicon.svg?emoji=🤑"/>
<link rel="icon" href="https://zany.sh/favicon.svg?text=hi"/>

api

zany supports the following query params:

  • text: text to render instead of an emoji.
  • emoji: custom emoji to render.
  • background-color: favicon background color. anything that works in css. if you use a hex code, be sure to escape the hash (%23).
  • text-color: favicon text color, if using the text param. anything that works in css. if you use a hex code, be sure to escape the hash (%23).
  • font-family: favicon font family, if using the text param. zany automatically sizes text to fit the favicon. it gets tough to read after 2 or 3 characters.

testing

you can test in your browser bar like so:

data:text/html,<link rel="icon" href="https://zany.sh/favicon.svg?text=ZN&font-family=serif&text-color=white&background-color=black"/>

privacy

no shenanigans here. other than logging some basic stuff about the http request, no tracking of any kind. take a look at the response headers.