How can I add my own social icons in a widget area or using the avia builder?

I’m trying to add icons into a holding page footer area using the avia, AND just plonk in social icons on the bottom of this page, but your icon shortcode renderer doesn’t allow for “inline” placement next to each other in a row (or next to text), just left/center/right, which is useless to me.

I want to be able to add an icon ANYWHERE on the site, as this website will be a restaurant and they want icons all over the place for Winter-only, Spicy, etc. and now I have to figure out how to do this using manual icon HTML, aaaaarrrrrggghhh!