{"id":21784,"date":"2018-06-12T14:48:59","date_gmt":"2018-06-12T18:48:59","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=21784"},"modified":"2020-12-24T11:58:11","modified_gmt":"2020-12-24T16:58:11","slug":"svg-favicons-in-mojave-safari","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2018\/06\/12\/svg-favicons-in-mojave-safari\/","title":{"rendered":"SVG Favicons in Mojave Safari"},"content":{"rendered":"<p><a href=\"https:\/\/blog.iconfactory.com\/2018\/06\/favicons-finally\/\">Craig Hockenberry<\/a> (<a href=\"https:\/\/twitter.com\/chockenberry\/status\/1004808429469253632\">tweet<\/a>):<\/p>\n<blockquote cite=\"https:\/\/blog.iconfactory.com\/2018\/06\/favicons-finally\/\">\n<p>Why are the icons different? The answer lies in this one line of page markup:<\/p>\n<pre>&lt;link rel=\"mask-icon\" href=\"\/favicon.svg\" color=\"#990000\"&gt;<\/pre>\n<p>We keep a <code><a href=\"https:\/\/iconfactory.com\/favicon.ico\">favicon.ico<\/a><\/code> file in the root of the website filesystem for compatibility with browsers that don&rsquo;t support vector icons. But Safari knows that SVG will look better on a high resolution display, so it checks for a <code><a href=\"https:\/\/iconfactory.com\/favicon.svg\">favicon.svg<\/a><\/code> first.<\/p>\n<\/blockquote>\n<p>Previously: <a href=\"https:\/\/mjtsai.com\/blog\/2017\/08\/11\/safari-should-display-favicons-in-its-tabs\/\">Safari Should Display Favicons in Its Tabs<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Craig Hockenberry (tweet): Why are the icons different? The answer lies in this one line of page markup: &lt;link rel=\"mask-icon\" href=\"\/favicon.svg\" color=\"#990000\"&gt; We keep a favicon.ico file in the root of the website filesystem for compatibility with browsers that don&rsquo;t support vector icons. But Safari knows that SVG will look better on a high resolution [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"apple_news_api_created_at":"2018-06-12T18:49:01Z","apple_news_api_id":"b604acec-5140-4728-97be-841dea23ffd2","apple_news_api_modified_at":"2020-12-24T16:58:14Z","apple_news_api_revision":"AAAAAAAAAAAAAAAAAAAAAA==","apple_news_api_share_url":"https:\/\/apple.news\/AtgSs7FFARyiXvoQd6iP_0g","apple_news_coverimage":0,"apple_news_coverimage_caption":"","apple_news_is_hidden":false,"apple_news_is_paid":false,"apple_news_is_preview":false,"apple_news_is_sponsored":false,"apple_news_maturity_rating":"","apple_news_metadata":"\"\"","apple_news_pullquote":"","apple_news_pullquote_position":"","apple_news_slug":"","apple_news_sections":"\"\"","apple_news_suppress_video_url":false,"apple_news_use_image_component":false,"footnotes":""},"categories":[2],"tags":[2026,545,30,1609,103,586],"class_list":["post-21784","post","type-post","status-publish","format-standard","hentry","category-technology","tag-favicons","tag-icons","tag-mac","tag-macos-10-14","tag-safari","tag-svg"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/21784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/comments?post=21784"}],"version-history":[{"count":1,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/21784\/revisions"}],"predecessor-version":[{"id":21785,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/21784\/revisions\/21785"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=21784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=21784"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=21784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}