If the text widget accept html here's what I use on my .org widget text area
<img src="#2"
onmouseover="this.src='#3'"
onmouseout="#2'" />
This lets you have two images for each social media icon, one when the mouse is not over the image/link and one when you hover over the image/link. On my site they go from black and white to color when you hover over them.
Us that for how many ever social media icons you want.
Replace:
#1 with link to social media url
#2 with the image url you want when the mouse isn't over the link
#3 with the image url you want when the mouse hovers over link
If you want more social media icons just copy paste the html for as many buttons you want.
If you don't want the 'hover' affect, just remove onmouseover and onmouseout from the img tag
Hope this helps