Bahsettiğiniz kodları biryerde convert edemiyorsunuz. Bir resmi svg ye çevirin ve o svg dosyasını bir editörde açın tıpkı html yada css dosyası gibi açacak ve size bir kod blogu verecek. Svg ile başlayıp </svg> ile biten kısım dahil olmak üzere kodu kopyalayıp bir html dosyasına yapıştırın ve tarayıcıda görüntüleyin. Karşınıza resim gelecektir. Svg kodları optimizasyon olarak daha hızlı okunduğu için bu tercih edilir azı insanlar tarafından. Fontawesome'ın son versiyonuda artık svg formatında index'e basıyor iconları.
Örnekler:

Svg kod Örneği:

<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path clip-rule="evenodd" d="M11.917 11C11.441 8.16229 8.973 6 6 6C2.68629 6 0 8.68629 0 12C0 15.3137 2.68629 18 6 18C8.973 18 11.441 15.8377 11.917 13H15V14C15 14.5523 15.4477 15 16 15C16.5523 15 17 14.5523 17 14V13H20.5858L19.2929 14.2929C18.9024 14.6834 18.9024 15.3166 19.2929 15.7071C19.6834 16.0976 20.3166 16.0976 20.7071 15.7071L23.6364 12.7778C24.066 12.3482 24.066 11.6518 23.6364 11.2222L20.7071 8.29289C20.3166 7.90237 19.6834 7.90237 19.2929 8.29289C18.9024 8.68342 18.9024 9.31658 19.2929 9.70711L20.5858 11H17V10C17 9.44772 16.5523 9 16 9C15.4477 9 15 9.44772 15 10V11H11.917ZM10 12C10 14.2091 8.20914 16 6 16C3.79086 16 2 14.2091 2 12C2 9.79086 3.79086 8 6 8C8.20914 8 10 9.79086 10 12Z" fill="#758CA3" fill-rule="evenodd" />
</svg>