How do I add my own Touch Icon to Safari 11 Desktop on a Mac?

Question

safari

Good day!
Please tell me how to add your icon (Touch Icon) to favorites in the desktop version of Safari 11 on Mac OS X.
Screenshot - https://yadi.sk/i/9NxUf9XI3WRSbn
Some sites have added the display of icons and after adding to bookmarks everything is displayed. But, for example, Yandex.Delivery does not display such an icon. Tell me, please, how can I set my own?
I know that there is ~/Library/Safari/Touch Icons Cache/Images/ and bookmark images are stored there, but only if there were at least some, for the same Yandex.Delivery there is none.

Answer 1

The question here is whether the site supports this SVG icon.
No other way. If there is svg, there will be a beautiful icon on the TouchBar. No - favicon display.
For my site I made support for icons for the TouchBar. I can share how to sew in code.
Suddenly help.
1. Make a B&W icon in SVG format, upload it to the site directory;
2. In the head of the page add

<link rel="mask-icon" href="/favicon.svg" color="#5181b8">

That's all the magic)
Example, my icon is the last one with a blue background