сайт – https://fontello.com/
Позволяет не загружать полностью Font Awesome, а составить свой небольшой набор только из символов которые нужны для сайта
Включает – Fontelico, Font Awesome, Entypo, Typicons, Iconic, Modern Pictograms, MFG Labs, Maki, Zocial, Brandico, Elusive, Linecons, Web Symbols – можно составить любую комбинацию
icon-search0xe800
icon-mail0xe801
icon-phone0xe802
icon-cancel0xe803
icon-phone-squared0xf098
icon-mail-alt0xf0e0
icon-instagram0xf16d
icon-vkontakte0xf189
icon-paper-plane0xf1d8
icon-paper-plane-empty0xf1d9
icon-binoculars0xf1e5
icon-copyright0xf1f9
icon-at0xf1fa
icon-whatsapp0xf232
icon-odnoklassniki-square0xf264
icon-facebook-squared0xf308
Сейчас на сайте такой набор символов
@font-face {
font-family: 'fontello-vahro';
src: url('../font/fontello-vahro.eot?44600313');
src: url('../font/fontello-vahro.eot?44600313#iefix') format('embedded-opentype'),
url('../font/fontello-vahro.woff2?44600313') format('woff2'),
url('../font/fontello-vahro.woff?44600313') format('woff'),
url('../font/fontello-vahro.ttf?44600313') format('truetype'),
url('../font/fontello-vahro.svg?44600313#fontello-vahro') format('svg');
font-weight: normal;
font-style: normal;
}
.font-icon {
font-family: "fontello-vahro";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
/* margin-right: .2em; */
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
/* margin-left: .2em; */
/* You can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}