Updated theme and font awesome social icons no longer work. Confused about SVG

It had been a long time since I updated my theme and plug-ins. I updated everything today and now my social icons in the top bar widget are not appearing. I used font awesome for the links using the code below:

<font size="4">
<i class="fa fa-instagram fa-fw"> </i>

<i class="fa fa-youtube fa-fw"> </i>

<i class="fa fa-facebook fa-fw"> </i>

<i class="fa fa-twitter fa-fw"> </i>

<i class="fa fa-pinterest fa-fw"> </i>
</font>

I've searched the forum and from my understanding, font awesome has been turned off because it slowed down performance, and SVG font icons are recommended instead. Unfortunately, I know nothing about SVG. I see that I can enable SVG font in Customize --> General, but can you tell me how I can add SVG social icons?