ファビコン
ここは何?
各種外部リンクへ Favicon を自動的に付けるためのページです
このページの style.css を settings の style.css から読み込んでいます
手動でやる必要があるので各位適当に書き足していってください
大雑把な分類としては下記の通りです
色々な Web サービスは主に Web サービス用です
色々な Web サイトは個人 Web サイトを含めた Web サービス以外に使っています
ファビコンについてはだいたいアルファベット降順でお願いします
アイコンの画像は DuckDuckGo 隠し API からパクってきてます
なお DuckDuckGo からパクってこれない場合はそのサービスなどのページから直接パクってきてます
これって、ドメインの後のスラッシュを条件に入れないと「example.com-2.example.org」みたいなサイトがexample.comのfaviconで表示されてしまうのではbsahd.icon
あー、確かにそうですね……nyarla.icon
記述用テンプレ
code:template.css
a.link[href^="https://"]::before {
background-image: url("https://icons.duckduckgo.com/ip3/");
}
全体の設定 + フォールバック
code:style.css
a.link[href^="https://"]::before {
display: inline-block;
content: '';
background-image: url("https://icons.duckduckgo.com/ip3/");
background-repeat: no-repeat;
background-size: 16px 16px;
background-position-x: left 4px ;
width: 24px;
height: 16px;
vertical-align: middle;
}
色々な Web サービス
code:style.css
a.link[href^="https://bsky.app/"]::before {
background-image: url("https://web-cdn.bsky.app/static/safari-pinned-tab.svg");
}
a.link[href^="https://cosen.se/"]::before,
a.link[href^="https://scrapbox.io/"]::before {
background-image: url("https://icons.duckduckgo.com/ip3/cosen.se.ico");
}
a.link[href^="https://fedibird.com/"]::before {
background-image: url("https://icons.duckduckgo.com/ip3/fedibird.com.ico");
}
a.link[href^="https://github.com/"]::before,
a.link[href^="https://gist.github.com/"]::before {
background-image: url("https://icons.duckduckgo.com/ip3/github.com.ico");
}
a.link[href^="https://kagi.com/"]::before {
background-image: url("https://icons.duckduckgo.com/ip3/kagi.com.ico");
}
a.link[href^="https://metacpan.org/"]::before {
background-image: url("https://icons.duckduckgo.com/ip3/metacpan.org.ico")
}
a.link[href^="https://misskey.io/"]::before {
background-image: url("https://icons.duckduckgo.com/ip3/misskey.io.ico");
}
a.link[href^="https://mixi.social/"]::before {
background-image: url("https://mixi.social/favicon/favicon-16x16.png");
}
a.link[href^="https://www.amazon.co.jp/"]::before {
background-image: url("https://icons.duckduckgo.com/ip3/www.amazon.co.jp.ico");
}
a.link[href^="https://x.com/"]::before,
a.link[href^="https://twitter.com/"]::before {
background-image: url("https://x.com/favicon.ico");
}
a.link[href^="https://zenn.dev/"]::before {
background-image: url("https://icons.duckduckgo.com/ip3/zenn.dev.ico");
}
色々なWebサイト
code:style.css
a.link[href^="https://freelance110.mhlw.go.jp/"]::before {
background-image: url("https://icons.duckduckgo.com/ip3/freelance110.mhlw.go.jp.ico");
}
a.link[href^="https://jxck.io/"]::before,
a.link[href^="https://blog.jxck.io/"]::before {
background-image: url("https://jxck.io/favicon.ico");
}
a.link[href^="https://nyarla.net/"]::before,
a.link[href^="https://kalaclista.com/"]::before,
a.link[href^="https://the.kalaclista.com/"]::before {
background-image: url("https://icons.duckduckgo.com/ip3/the.kalaclista.com.ico");
}
a.link[href^="https://www.jftc.go.jp/"]::before {
background-image: url("https://icons.duckduckgo.com/ip3/www.jftc.go.jp.ico");
}
a.link[href^="https://www.moj.go.jp/"]::before {
background-image: url("https://icons.duckduckgo.com/ip3/www.moj.go.jp.ico")
}
a.link[href^="https://wiki.archlinux.jp/"]::before {
background-image: url("https://icons.duckduckgo.com/ip3/wiki.archlinux.jp.ico")
} /* 微妙に違う */
a.link[href^="https://wiki.archlinux.org/"]::before,
a.link[href^="https://archlinux.org/"]::before {
background-image: url("https://icons.duckduckgo.com/ip3/archlinux.org.ico")
}