That’s because the icon font used to display the other icons doesn’t include a Telegram icon. You’d have to add your own, or rely on another font that includes a Telegram icon on your site. For example, if you use Jetpack’s Sharing buttons on your site, your site already loads an icon font with a Telegram icon.
In the code snippet you used to add the Telegram icon, replace genericon genericon-telegram
by social-logo social-logo__telegram
, and then add the following CSS under Appearance > Customize > Additional CSS in your dashboard:
.widget_wpcom_social_media_icons_widget .social-logo__telegram {
font-size: 16px;
vertical-align: top;
text-align: center;
-moz-transition: color .1s ease-in 0;
-webkit-transition: color .1s ease-in 0;
display: inline-block;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
speak: none;
}
That should help!