How to make a multi-colored icon on the safari tab?

Question

safari

It is known that the favicon.ico file is not enough to display the site icon on the safari tab. This needs a tag.

<link rel="mask-icon" href="website_icon.svg" color="red">

as described here
You can paint the background in one color

Everything would be fine, but google and mail.ru somehow solved this problem, their icons have many colors. They don't have any at all

rel="mask-icon"

How did they do it?

Answer 1

Wow, found a solution. This tag is out of date

<link rel="mask-icon" href="website_icon.svg" color="red">

it needs to be removed. In 2021, instead of it, you need to add

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

And it worked. If there are both tags in html, then rel="mask-icon" will take precedence