I am trying to add other social icons into the header and footer.

I already tryed this CSS snippet which I saw in another public ticket. But if I Mousehover I see the VK Icon in front of the other Icon.

i.icon-vk:before {    background: url(https://ticksy_attachments.s3.amazonaws.com/youku_phone_48px_1186988_easyicon.net_858.png) no-repeat;    background-size: 26px;    width: 26px !important;    height: 26px !important;    display: block;    content: '';    position: relative;    top: -6px;
}