ブラウザで SVG スプライトファイルを表示・編集できます。
apple-touch-icon.png
.logo {
display: flex;
align-items: center;
justify-content: center;
width: 512px;
height: 512px;
font-size: 4em;
}favicon.svg
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<path d="m256 36-220 220 220 220z" fill="#475569"/>
<path d="m256 36 220 220-220 220z" fill="#2563eb"/>
</svg>