Link Favicons
Plugin for Obsidian
With this plugin you can see the favicon for a linked website without using any custom CSS.
Works with: Admonition , RSS Reader and many more plugins.
Also check out Link Favicons for Firefox & Chromium based browsers
Icon Providers
You can select between these providers in the settings:
| Provider | Max Size | Fallback | max requests |
|---|---|---|---|
| 16x16px | default icon | no limit️ | |
| DuckDuckGo | none | default icon | no limit |
| Favicon Grabber | none | none | 100 per minute |
| The Favicon Finder (selfhosted) | 256x256px | automatically generated | no limit️ |
| Icon Horse | none | automatically generated | fair use policy |
| Splitbee | none | yes (from Google) | unknown |
Depending on which provider you choose the icons might look different.
The Icon Provider will only receive the hostname your links, so forum.obsidian.md instead
of https://forum.obsidian.md/t/custom-link-favicons-hiding-in-community-plugins/24112/5?u=joethei
Overwriting icons
Requires the Icon Shortcodes plugin
You can overwrite any domain favicon with an icon of your choosing in the settings. (See the demo gif below)
Defining Icons for URI Schemes
Requires the Icon Shortcodes plugin
You can also add icons for uri schemes such as mailto://, obsidian:// or calculator://.
To do this specify the name of the uri scheme(without ://) in the settings.
(See the demo gif below)
For Designers
If you want to style the favicons you can use a CSS snippet similar to the one below, which makes all favicons appear in grayscale.
.link-favicon {
filter: grayscale(100%);
}If you want to disable your own styling for favicons you can check if the data-favicon Attribute is "true". The
example below removes the external link
icon 
.external-link[data-favicon="true"] {
background-image: none;
}For help with styling you can also check out the #appearance channel on
the Obsidian Members Group Discord
For Developers
As long as you use
the renderMarkdown
Method this plugin will add favicons to your external links.
If you want no link favicons in your plugin either add no-favicon to your source path when calling the method.
Or specify the Attribute data-no-favicon on your link element.