Add this code to the Custom CSS field on the Style tab of your Social Media Icons widget’s settings:
/*color*/
.eapps-social-icons-item-icon path, .eapps-social-icons-item-icon circle {
fill: #7fc31c !important;
}
/*color on hover*/
.eapps-social-icons-item:hover path {
fill: red!important;
}