HTML 文字列を React の JSX で使える構文におおよそ変換します。
apple-touch-icon.png
.header-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="#eab308"/>
<path d="m256 36 220 220-220 220z" fill="#ec4899"/>
</svg>- MIT