Icons

XMars UI has built-in set of Telegram Icons

icon-1check0xe800
icon-2checks0xe801
icon-activesessions0xe802
icon-add0xe803
icon-addmember_filled0xe804
icon-adduser0xe805
icon-admin0xe806
icon-animals0xe807
icon-archive0xe808
icon-attach0xe809
icon-avatar_archivedchats0xe80a
icon-avatar_deletedaccount0xe80b
icon-avatar_savedmessages0xe80c
icon-back0xe80d
icon-camera0xe80e
icon-cameraadd0xe80f
icon-car0xe810
icon-channel0xe811
icon-channelviews0xe812
icon-chatsplaceholder0xe813
icon-check0xe814
icon-checkbox0xe815
icon-checkboxblock0xe816
icon-checkboxempty0xe817
icon-checkboxon0xe818
icon-close0xe819
icon-copy0xe81a
icon-data0xe81b
icon-delete_filled0xe81c
icon-delete0xe81d
icon-deleteuser0xe81e
icon-document0xe81f
icon-down0xe820
icon-download0xe821
icon-eats0xe822
icon-edit0xe823
icon-eye10xe824
icon-eye20xe825
icon-flag0xe826
icon-forward0xe827
icon-fullscreen0xe828
icon-group0xe829
icon-help0xe82a
icon-info0xe82b
icon-lamp0xe82c
icon-language0xe82d
icon-largepause0xe82e
icon-largeplay0xe82f
icon-location0xe830
icon-lock0xe831
icon-logout0xe832
icon-menu0xe833
icon-message0xe834
icon-microphone0xe835
icon-more0xe836
icon-mute0xe837
icon-newchannel0xe838
icon-newchat_filled0xe839
icon-newgroup0xe83a
icon-newprivate0xe83b
icon-next0xe83c
icon-pause0xe83d
icon-permissions0xe83e
icon-phone0xe83f
icon-photo0xe840
icon-pin0xe841
icon-pinnedchat0xe842
icon-play0xe843
icon-radiooff0xe844
icon-radioon0xe845
icon-recent0xe846
icon-reply0xe847
icon-savedmessages0xe848
icon-search0xe849
icon-send0xe84a
icon-send20xe84b
icon-sending0xe84c
icon-sendingerror0xe84d
icon-settings0xe84e
icon-smallscreen0xe84f
icon-smile0xe850
icon-sport0xe851
icon-stop0xe852
icon-unarchive0xe853
icon-unlock0xe854
icon-unmute0xe855
icon-unpin0xe856
icon-unread0xe857
icon-up0xe858
icon-user0xe859
icon-username0xe85a

Usage

HTML

<i class="icon-more"></i>
<i class="icon-up"></i>
<i class="icon-username"></i>

React JSX

With JSX you can use the Icon component and omit icon- to just pass the name of an icon.

<Icon name="more" />
<Icon name="up" />
<Icon name="username" />

Icon Button

XMars UI has IconButton component with composed Button and Icon component under the hood

React JSX

<IconButton ripple circle name="up" />
<IconButton primary ripple circle name="more" />

More Icons

Preferred

We’ve tested and used these icon sets ourselves.

While we haven’t tried these out, they do look promising and provide multiple formats—including SVG.