Custom vector icons

Hi there,

Branko has already described how to add custom icons here: https://hb-themes.com/forum/all/topic/custom-social-icon-for-custom-social-link/#post-40250

Instead of uploading .png or .jpg files, I would like to use scalable vector icons.
What would be the best way to do this (regarding Highend)? Do I have to create my own font/svg? Could you give me a clou? Do you have an example?

Thank you!
Niko