.icon::before{
    font-family: FontAwesome;
    font-weight: normal;
    color: #222929;
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 1rem 0 0;
}
.icon:hover::before {
    font-size: 20px;
}

.icon.icon-twitter::before,
.icon.icon-fb::before,
.icon.icon-xing::before{
    height: 21px;
    width: 20px;
    display: block;
    float: left;
    margin-right: 10px;
}
.icon.icon-fb::before {
    background-image: url(/images/icons/fb_round.png);
}
.icon.icon-twitter::before {
     background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMURBMUYyO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGcgaWQ9IkRhcmtfQmx1ZSI+Cgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMDAiIGN5PSIyMDAiIHI9IjIwMCIvPgo8L2c+CjxnIGlkPSJMb2dvX194MjAxNF9fRklYRUQiPgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE2My40LDMwNS41Yzg4LjcsMCwxMzcuMi03My41LDEzNy4yLTEzNy4yYzAtMi4xLDAtNC4yLTAuMS02LjJjOS40LTYuOCwxNy42LTE1LjMsMjQuMS0yNQoJCWMtOC42LDMuOC0xNy45LDYuNC0yNy43LDcuNmMxMC02LDE3LjYtMTUuNCwyMS4yLTI2LjdjLTkuMyw1LjUtMTkuNiw5LjUtMzAuNiwxMS43Yy04LjgtOS40LTIxLjMtMTUuMi0zNS4yLTE1LjIKCQljLTI2LjYsMC00OC4yLDIxLjYtNDguMiw0OC4yYzAsMy44LDAuNCw3LjUsMS4zLDExYy00MC4xLTItNzUuNi0yMS4yLTk5LjQtNTAuNGMtNC4xLDcuMS02LjUsMTUuNC02LjUsMjQuMgoJCWMwLDE2LjcsOC41LDMxLjUsMjEuNSw0MC4xYy03LjktMC4yLTE1LjMtMi40LTIxLjgtNmMwLDAuMiwwLDAuNCwwLDAuNmMwLDIzLjQsMTYuNiw0Mi44LDM4LjcsNDcuM2MtNCwxLjEtOC4zLDEuNy0xMi43LDEuNwoJCWMtMy4xLDAtNi4xLTAuMy05LjEtMC45YzYuMSwxOS4yLDIzLjksMzMuMSw0NSwzMy41Yy0xNi41LDEyLjktMzcuMywyMC42LTU5LjksMjAuNmMtMy45LDAtNy43LTAuMi0xMS41LTAuNwoJCUMxMTAuOCwyOTcuNSwxMzYuMiwzMDUuNSwxNjMuNCwzMDUuNSIvPgo8L2c+Cjwvc3ZnPgo=');
}

.icon.icon-xing::before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYzLjEgKDkyNDUyKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT7vhak8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i74WpIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMTYuMjUsMjAgQzE3LjI4Mjk4NjEsMjAgMTguMTY2MjMyNiwxOS42MzMyNDY1IDE4Ljg5OTczOTYsMTguODk5NzM5NiBDMTkuNjMzMjQ2NSwxOC4xNjYyMzI2IDIwLDE3LjI4Mjk4NjEgMjAsMTYuMjUgTDIwLDE2LjI1IEwyMCwzLjc1IEMyMCwyLjcxNzAxMzg5IDE5LjYzMzI0NjUsMS44MzM3NjczNiAxOC44OTk3Mzk2LDEuMTAwMjYwNDIgQzE4LjE2NjIzMjYsMC4zNjY3NTM0NzIgMTcuMjgyOTg2MSwwIDE2LjI1LDAgTDE2LjI1LDAgTDMuNzUsMCBDMi43MTcwMTM4OSwwIDEuODMzNzY3MzYsMC4zNjY3NTM0NzIgMS4xMDAyNjA0MiwxLjEwMDI2MDQyIEMwLjM2Njc1MzQ3MiwxLjgzMzc2NzM2IDAsMi43MTcwMTM4OSAwLDMuNzUgTDAsMy43NSBMMCwxNi4yNSBDMCwxNy4yODI5ODYxIDAuMzY2NzUzNDcyLDE4LjE2NjIzMjYgMS4xMDAyNjA0MiwxOC44OTk3Mzk2IEMxLjgzMzc2NzM2LDE5LjYzMzI0NjUgMi43MTcwMTM4OSwyMCAzLjc1LDIwIEwzLjc1LDIwIEwxNi4yNSwyMCBaIE0xNC43OTE2NjY3LDE4LjMzMzMzMzMgTDEyLjM5NTgzMzMsMTguMzMzMzMzMyBDMTIuMTE4MDU1NiwxOC4zMzMzMzMzIDExLjg5MjM2MTEsMTguMTgxNDIzNiAxMS43MTg3NSwxNy44Nzc2MDQyIEM5LjQ1MzEyNSwxMy43MTk2MTgxIDguMzE1OTcyMjIsMTEuNjMxOTQ0NCA4LjMwNzI5MTY3LDExLjYxNDU4MzMgTDguMzA3MjkxNjcsMTEuNjE0NTgzMyBMMTMuNjU4ODU0MiwyLjEyMjM5NTgzIEMxMy44MjM3ODQ3LDEuODE4NTc2MzkgMTQuMDM2NDU4MywxLjY2NjY2NjY3IDE0LjI5Njg3NSwxLjY2NjY2NjY3IEwxNC4yOTY4NzUsMS42NjY2NjY2NyBMMTYuNzMxNzcwOCwxLjY2NjY2NjY3IEMxNi44NzkzNDAzLDEuNjY2NjY2NjcgMTYuOTgzNTA2OSwxLjcxODc1IDE3LjA0NDI3MDgsMS44MjI5MTY2NyBDMTcuMTEzNzE1MywxLjkyNzA4MzMzIDE3LjExMzcxNTMsMi4wNDg2MTExMSAxNy4wNDQyNzA4LDIuMTg3NSBMMTcuMDQ0MjcwOCwyLjE4NzUgTDExLjcxODc1LDExLjYwMTU2MjUgTDExLjcxODc1LDExLjYxNDU4MzMgTDE1LjEwNDE2NjcsMTcuODEyNSBDMTUuMTgyMjkxNywxNy45NDI3MDgzIDE1LjE4NjYzMTksMTguMDY0MjM2MSAxNS4xMTcxODc1LDE4LjE3NzA4MzMgQzE1LjA1NjQyMzYsMTguMjgxMjUgMTQuOTQ3OTE2NywxOC4zMzMzMzMzIDE0Ljc5MTY2NjcsMTguMzMzMzMzMyBMMTQuNzkxNjY2NywxOC4zMzMzMzMzIFogTTUuNjc3MDgzMzMsMTMuMzQ2MzU0MiBMMy4yNjgyMjkxNywxMy4zNDYzNTQyIEMzLjEyOTM0MDI4LDEzLjM0NjM1NDIgMy4wMjUxNzM2MSwxMy4yODk5MzA2IDIuOTU1NzI5MTcsMTMuMTc3MDgzMyBDMi44Nzc2MDQxNywxMy4wNTU1NTU2IDIuODc3NjA0MTcsMTIuOTM0MDI3OCAyLjk1NTcyOTE3LDEyLjgxMjUgTDIuOTU1NzI5MTcsMTIuODEyNSBMNS41MDc4MTI1LDguMzA3MjkxNjcgTDUuNTA3ODEyNSw4LjI5NDI3MDgzIEwzLjg4MDIwODMzLDUuNDgxNzcwODMgQzMuODEwNzYzODksNS4zMzQyMDEzOSAzLjgwNjQyMzYxLDUuMjA4MzMzMzMgMy44NjcxODc1LDUuMTA0MTY2NjcgQzMuOTM2NjMxOTQsNS4wMDg2ODA1NiA0LjA0OTQ3OTE3LDQuOTYwOTM3NSA0LjIwNTcyOTE3LDQuOTYwOTM3NSBMNC4yMDU3MjkxNyw0Ljk2MDkzNzUgTDYuNjAxNTYyNSw0Ljk2MDkzNzUgQzYuODcwNjU5NzIsNC45NjA5Mzc1IDcuMDk2MzU0MTcsNS4xMDg1MDY5NCA3LjI3ODY0NTgzLDUuNDAzNjQ1ODMgQzguMzcyMzk1ODMsNy4zMjIwNDg2MSA4LjkxOTI3MDgzLDguMjg1NTkwMjggOC45MTkyNzA4Myw4LjI5NDI3MDgzIEw4LjkxOTI3MDgzLDguMjk0MjcwODMgTDYuMzI4MTI1LDEyLjg3NzYwNDIgQzYuMTYzMTk0NDQsMTMuMTkwMTA0MiA1Ljk0NjE4MDU2LDEzLjM0NjM1NDIgNS42NzcwODMzMywxMy4zNDYzNTQyIEw1LjY3NzA4MzMzLDEzLjM0NjM1NDIgWiIgZmlsbD0iIzFBNzU3NiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==');
}