Bootstrap's Safari Pinned Icon Not Displaying Properly
Created by: LarryAzevedo
Bootstrap's safari-pinned-tab.svg icon is not displaying properly in Safari (see below) because the actual SVG is incorrect. For one thing, the viewBox
should be 0 0 16 16
per Apple's guidelines.
This SVG code should fix it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" >
<path d="M2.2,0C1.1,0.2,0.2,1.1,0,2.2C0,2.4,0,3.2,0,8c0,4.5,0,5.6,0,5.8c0.1,0.7,0.5,1.3,1,1.7c0.1,0.1,0.4,0.3,0.4,0.3
c0,0,0.1,0,0.1,0.1c0.2,0.1,0.3,0.1,0.6,0.2c0.2,0,0.4,0,5.9,0c5.3,0,5.7,0,5.8,0c0.1,0,0.2,0,0.2-0.1c0.2,0,0.5-0.2,0.7-0.3
c0.2-0.1,0.6-0.5,0.7-0.6c0,0,0.1-0.1,0.1-0.1c0.1-0.1,0.3-0.5,0.3-0.6c0-0.1,0.1-0.2,0.1-0.4c0-0.2,0-0.4,0-5.9l0-5.7l-0.1-0.2
c-0.1-0.4-0.2-0.7-0.5-1c-0.4-0.5-0.9-0.9-1.6-1c-0.2,0-0.5,0-5.8,0C3.2,0,2.4,0,2.2,0z M4.4,3.5h4.3c1.2,0,2.1,0.3,2.6,0.9
c0.3,0.4,0.4,0.9,0.4,1.4c0,0.6-0.2,1.1-0.6,1.4c-0.2,0.2-0.5,0.4-0.8,0.5c0.6,0.1,0.9,0.4,1.2,0.6c0.5,0.4,0.7,1,0.7,1.7
c0,0.6-0.2,1.2-0.6,1.7c-0.6,0.7-1.6,1-2.9,1H4.4V3.5z M8.1,7.4c0.5,0,1,0,1.3-0.2C9.8,7,10,6.6,10,6.1C10,5.5,9.8,5.2,9.3,5
C9,4.9,8.6,4.8,8,4.8h-2v2.6H8.1z M8.7,11.5c0.8,0,1.2-0.1,1.6-0.6c0.2-0.3,0.2-0.6,0.2-0.9c0-0.4-0.2-1-0.7-1.3
C9.5,8.6,9,8.6,8.4,8.6H6.1v2.9H8.7z"/>
</svg>