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.