Документация для разработчиков
Темная тема

Иконки сервисов

Внимание! В новых версиях Библиотеки интерфейсов некоторые иконки могут отсутствовать.


\Bitrix\Main\UI\Extension::load("ui.icons.service");
ИконкаКодИконкаКодС версии
<!-- .ui-icon.ui-icon-service-alice > i -->
<div class="ui-icon ui-icon-service-alice"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-alice > i -->
<div class="ui-icon ui-icon-service-light-alice"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-twilio > i -->
<div class="ui-icon ui-icon-service-twilio"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-twilio > i -->
<div class="ui-icon ui-icon-service-light-twilio"><i></i></div>
<!-- .ui-icon.ui-icon-service-callback > i -->
<div class="ui-icon ui-icon-service-callback"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-callback > i -->
<div class="ui-icon ui-icon-service-light-callback"><i></i></div>
<!-- .ui-icon.ui-icon-service-livechat > i -->
<div class="ui-icon ui-icon-service-livechat"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-livechat > i -->
<div class="ui-icon ui-icon-service-light-livechat"><i></i></div>
<!-- .ui-icon.ui-icon-service-liveid > i -->
<div class="ui-icon ui-icon-service-liveid"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-liveid > i -->
<div class="ui-icon ui-icon-service-light-liveid"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-ya > i -->
<div class="ui-icon ui-icon-service-ya"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-ya > i -->
<div class="ui-icon ui-icon-service-light-ya"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-ya-dialogs > i -->
<div class="ui-icon ui-icon-service-ya-dialogs"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-ya-dialogs > i -->
<div class="ui-icon ui-icon-service-light-ya-dialogs"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-ya-direct > i -->
<div class="ui-icon ui-icon-service-ya-direct"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-ya-direct > i -->
<div class="ui-icon ui-icon-service-light-ya-direct"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-1c > i -->
<div class="ui-icon ui-icon-service-1c"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-1c > i -->
<div class="ui-icon ui-icon-service-light-1c"><i></i></div>
<!-- .ui-icon.ui-icon-service-google > i -->
<div class="ui-icon ui-icon-service-google"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-google > i -->
<div class="ui-icon ui-icon-service-light-google"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-google-ads > i -->
<div class="ui-icon ui-icon-service-google-ads"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-google-ads > i -->
<div class="ui-icon ui-icon-service-light-google-ads"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-twitter > i -->
<div class="ui-icon ui-icon-service-twitter"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-twitter > i -->
<div class="ui-icon ui-icon-service-light-twitter"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-email > i -->
<div class="ui-icon ui-icon-service-email"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-email > i -->
<div class="ui-icon ui-icon-service-light-email"><i></i></div>
<!-- .ui-icon.ui-icon-service-messenger > i -->
<div class="ui-icon ui-icon-service-messenger"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-messenger > i -->
<div class="ui-icon ui-icon-service-light-messenger"><i></i></div>
<!-- .ui-icon.ui-icon-service-estore > i -->
<div class="ui-icon ui-icon-service-estore"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-estore > i -->
<div class="ui-icon ui-icon-service-light-estore"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-imessage > i -->
<div class="ui-icon ui-icon-service-imessage"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-imessage > i -->
<div class="ui-icon ui-icon-service-light-imessage"><i></i></div>
<!-- .ui-icon.ui-icon-service-webform > i -->
<div class="ui-icon ui-icon-service-webform"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-webform > i -->
<div class="ui-icon ui-icon-service-light-webform"><i>></i></div>
<!-- .ui-icon.ui-icon-service-sms > i -->
<div class="ui-icon ui-icon-service-sms"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-sms > i -->
<div class="ui-icon ui-icon-service-light-sms"><i>></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-call > i -->
<div class="ui-icon ui-icon-service-call"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-call > i -->
<div class="ui-icon ui-icon-service-light-call"><i></i></div>
<!-- .ui-icon.ui-icon-service-call-up > i -->
<div class="ui-icon ui-icon-service-call-up"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-call-up > i -->
<div class="ui-icon ui-icon-service-light-call-up"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-infocall > i -->
<div class="ui-icon ui-icon-service-infocall"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-infocall > i -->
<div class="ui-icon ui-icon-service-light-infocall"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-site-b24 > i -->
<div class="ui-icon ui-icon-service-site-b24"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-site-b24 > i -->
<div class="ui-icon ui-icon-service-light-site-b24"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-site > i -->
<div class="ui-icon ui-icon-service-site"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-site > i -->
<div class="ui-icon ui-icon-service-light-site"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-calltracking > i -->
<div class="ui-icon ui-icon-service-calltracking"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-calltracking > i -->
<div class="ui-icon ui-icon-service-light-calltracking"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-telegram > i -->
<div class="ui-icon ui-icon-service-telegram"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-telegram > i -->
<div class="ui-icon ui-icon-service-light-telegram"><i></i></div>
<!-- .ui-icon.ui-icon-service-bitrix24 > i -->
<div class="ui-icon ui-icon-service-bitrix24"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-bitrix24 > i -->
<div class="ui-icon ui-icon-service-light-bitrix24"><i></i></div>
<!-- .ui-icon.ui-icon-service-groupme > i -->
<div class="ui-icon ui-icon-service-groupme"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-groupme > i -->
<div class="ui-icon ui-icon-service-light-groupme"><i></i></div>
<!-- .ui-icon.ui-icon-service-crm > i -->
<div class="ui-icon ui-icon-service-crm"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-crm > i -->
<div class="ui-icon ui-icon-service-light-crm"><i></i></div>
<!-- .ui-icon.ui-icon-service-lead > i -->
<div class="ui-icon ui-icon-service-lead"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-lead > i -->
<div class="ui-icon ui-icon-service-light-lead"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-deal > i -->
<div class="ui-icon ui-icon-service-deal"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-deal > i -->
<div class="ui-icon ui-icon-service-light-deal"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-campaign > i -->
<div class="ui-icon ui-icon-service-campaign"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-campaign > i -->
<div class="ui-icon ui-icon-service-light-campaign"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-chatbot > i -->
<div class="ui-icon ui-icon-service-chatbot"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-chatbot > i -->
<div class="ui-icon ui-icon-service-light-chatbot"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-common > i -->
<div class="ui-icon ui-icon-service-common"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-common > i -->
<div class="ui-icon ui-icon-service-light-common"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-g-assistant > i -->
<div class="ui-icon ui-icon-service-g-assistant"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-g-assistant > i -->
<div class="ui-icon ui-icon-service-light-g-assistant"><i></i></div>
<!-- .ui-icon.ui-icon-service-microsoft > i -->
<div class="ui-icon ui-icon-service-microsoft"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-microsoft > i -->
<div class="ui-icon ui-icon-service-light-microsoft"><i></i></div>
<!-- .ui-icon.ui-icon-service-office365 > i -->
<div class="ui-icon ui-icon-service-office365"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-office365 > i -->
<div class="ui-icon ui-icon-service-light-office365"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-skype > i -->
<div class="ui-icon ui-icon-service-skype"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-skype > i -->
<div class="ui-icon ui-icon-service-light-skype"><i></i></div>
<!-- .ui-icon.ui-icon-service-webchat > i -->
<div class="ui-icon ui-icon-service-webchat"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-webchat > i -->
<div class="ui-icon ui-icon-service-light-webchat"><i></i></div>
<!-- .ui-icon.ui-icon-service-directline > i -->
<div class="ui-icon ui-icon-service-directline"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-directline > i -->
<div class="ui-icon ui-icon-service-light-directline"><i></i></div>
<!-- .ui-icon.ui-icon-service-envelope > i -->
<div class="ui-icon ui-icon-service-envelope"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-envelope > i -->
<div class="ui-icon ui-icon-service-light-envelope"><i></i></div>
<!-- .ui-icon.ui-icon-service-outlook > i -->
<div class="ui-icon ui-icon-service-outlook"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-outlook > i -->
<div class="ui-icon ui-icon-service-light-outlook"><i></i></div>
<!-- .ui-icon.ui-icon-service-vk > i -->
<div class="ui-icon ui-icon-service-vk"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-vk > i -->
<div class="ui-icon ui-icon-service-light-vk"><i></i></div>
<!-- .ui-icon.ui-icon-service-vk-adds > i -->
<div class="ui-icon ui-icon-service-vk-adds"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-vk-adds > i -->
<div class="ui-icon ui-icon-service-light-vk-adds"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-vk-order > i -->
<div class="ui-icon ui-icon-service-vk-order"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-vk-order > i -->
<div class="ui-icon ui-icon-service-light-vk-order"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-slack > i -->
<div class="ui-icon ui-icon-service-slack"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-slack > i -->
<div class="ui-icon ui-icon-service-light-slack"><i></i></div>
<!-- .ui-icon.ui-icon-service-viber > i -->
<div class="ui-icon ui-icon-service-viber"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-viber > i -->
<div class="ui-icon ui-icon-service-light-viber"><i></i></div>
<!-- .ui-icon.ui-icon-service-kik > i -->
<div class="ui-icon ui-icon-service-kik"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-kik > i -->
<div class="ui-icon ui-icon-service-light-kik"><i></i></div>
<!-- .ui-icon.ui-icon-service-apple > i -->
<div class="ui-icon ui-icon-service-apple"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-apple > i -->
<div class="ui-icon ui-icon-service-light-apple"><i></i></div>
<!-- .ui-icon.ui-icon-service-universal > i -->
<div class="ui-icon ui-icon-service-universal"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-universal > i -->
<div class="ui-icon ui-icon-service-light-universal"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-organic > i -->
<div class="ui-icon ui-icon-service-organic"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-organic > i -->
<div class="ui-icon ui-icon-service-light-organic"><i></i></div>
19.0.0
<!-- .ui-icon.ui-icon-service-telephonybot > i -->
<div class="ui-icon ui-icon-service-telephonybot"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-telephonybot > i -->
<div class="ui-icon ui-icon-service-light-telephonybot"><i></i></div>
19.0.400
<!-- .ui-icon.ui-icon-service-whatsapp > i -->
<div class="ui-icon ui-icon-service-whatsapp"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-whatsapp > i -->
<div class="ui-icon ui-icon-service-light-whatsapp"><i></i></div>
19.0.400
<!-- .ui-icon.ui-icon-service-wechat > i -->
<div class="ui-icon ui-icon-service-wechat"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-wechat > i -->
<div class="ui-icon ui-icon-service-light-wechat"><i></i></div>
19.0.400
<!-- .ui-icon.ui-icon-service-avito > i -->
<div class="ui-icon ui-icon-service-avito"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-avito > i -->
<div class="ui-icon ui-icon-service-light-avito"><i></i></div>
19.0.400
<!-- .ui-icon.ui-icon-service-mailru > i -->
<div class="ui-icon ui-icon-service-mailru"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-mailru > i -->
<div class="ui-icon ui-icon-service-light-mailru"><i></i></div>
19.0.400
<!-- .ui-icon.ui-icon-service-sberbank > i -->
<div class="ui-icon ui-icon-service-sberbank"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-sberbank > i -->
<div class="ui-icon ui-icon-service-light-sberbank"><i></i></div>
19.0.400
<!-- .ui-icon.ui-icon-service-green-sberbank > i -->
<div class="ui-icon ui-icon-service-green-sberbank"><i></i></div>
19.0.400
<!-- .ui-icon.ui-icon-service-ok > i -->
<div class="ui-icon ui-icon-service-ok"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-ok > i -->
<div class="ui-icon ui-icon-service-light-ok"><i></i></div>
20.5.500
<!-- .ui-icon.ui-icon-service-ya-toloka > i -->
<div class="ui-icon ui-icon-service-ya-toloka"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-ya-toloka > i -->
<div class="ui-icon ui-icon-service-light-ya-toloka"><i></i></div>
20.5.500
<!-- .ui-icon.ui-icon-service-rest-contact-center > i -->
<div class="ui-icon ui-icon-service-rest-contact-center"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-rest-contact-center > i -->
<div class="ui-icon ui-icon-service-light-rest-contact-center"><i></i></div>
20.5.500
<!-- .ui-icon.ui-icon-service-audio-infocall > i -->
<div class="ui-icon ui-icon-service-audio-infocall"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-audio-infocall > i -->
<div class="ui-icon ui-icon-service-light-audio-infocall"><i></i></div>
20.5.500
<!-- .ui-icon.ui-icon-service-olx > i -->
<div class="ui-icon ui-icon-service-olx"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-olx > i -->
<div class="ui-icon ui-icon-service-light-olx"><i></i></div>
20.5.500
<!-- .ui-icon.ui-icon-service-zoom > i -->
<div class="ui-icon ui-icon-service-zoom"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-zoom > i -->
<div class="ui-icon ui-icon-service-light-zoom"><i></i></div>
20.5.500
<!-- .ui-icon.ui-icon-service-blue-zoom > i -->
<div class="ui-icon ui-icon-service-blue-zoom"><i></i></div>
20.5.500
<!-- .ui-icon.ui-icon-service-livechat-24 > i -->
<div class="ui-icon ui-icon-service-livechat-24"><i></i></div>
21.700.0
<!-- .ui-icon.ui-icon-service-widget > i -->
<div class="ui-icon ui-icon-service-widget"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-widget > i -->
<div class="ui-icon ui-icon-service-light-widget"><i></i></div>
20.5.500
<!-- .ui-icon.ui-icon-service-wheel > i -->
<div class="ui-icon ui-icon-service-wheel"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-wheel > i -->
<div class="ui-icon ui-icon-service-light-wheel"><i></i></div>
20.5.500
<!-- .ui-icon.ui-icon-service-play > i -->
<div class="ui-icon ui-icon-service-play"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-play > i -->
<div class="ui-icon ui-icon-service-light-play"><i></i></div>
20.5.500
<!-- .ui-icon.ui-icon-service-other > i -->
<div class="ui-icon ui-icon-service-other"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-other > i -->
<div class="ui-icon ui-icon-service-light-other"><i></i></div>
20.5.500
<!-- .ui-icon.ui-icon-service-cart > i -->
<div class="ui-icon ui-icon-service-cart"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-cart > i -->
<div class="ui-icon ui-icon-service-light-cart"><i></i></div>
20.5.500
<!-- .ui-icon.ui-icon-service-add > i -->
<div class="ui-icon ui-icon-service-add"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-add > i -->
<div class="ui-icon ui-icon-service-light-add"><i></i></div>
20.5.500
<!-- .ui-icon.ui-icon-service-arrows > i -->
<div class="ui-icon ui-icon-service-arrows"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-arrows > i -->
<div class="ui-icon ui-icon-service-light-arrows"><i></i></div>
20.5.500
<!-- .ui-icon.ui-icon-service-call-in > i -->
<div class="ui-icon ui-icon-service-call-in"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-call-in > i -->
<div class="ui-icon ui-icon-service-light-call-in"><i></i></div>
20.500.0
<!-- .ui-icon.ui-icon-service-call-out > i -->
<div class="ui-icon ui-icon-service-call-out"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-call-out > i -->
<div class="ui-icon ui-icon-service-light-call-out"><i></i></div>
20.500.0
<!-- .ui-icon.ui-icon-service-calendar > i -->
<div class="ui-icon ui-icon-service-calendar"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-calendar > i -->
<div class="ui-icon ui-icon-service-light-calendar"><i></i></div>
21.700.0
<!-- .ui-icon.ui-icon-service-epics > i -->
<div class="ui-icon ui-icon-service-epics"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-epics > i -->
<div class="ui-icon ui-icon-service-light-epics"><i></i></div>
21.700.0
<!-- .ui-icon.ui-icon-service-dod > i -->
<div class="ui-icon ui-icon-service-dod"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-dod > i -->
<div class="ui-icon ui-icon-service-light-dod"><i></i></div>
21.700.0
<!-- .ui-icon.ui-icon-service-tutorial > i -->
<div class="ui-icon ui-icon-service-tutorial"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-tutorial > i -->
<div class="ui-icon ui-icon-service-light-tutorial"><i></i></div>
21.700.0
<!-- .ui-icon.ui-icon-service-roles-rights > i -->
<div class="ui-icon ui-icon-service-roles-rights"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-roles-rights > i -->
<div class="ui-icon ui-icon-service-light-roles-rights"><i></i></div>
21.700.0
<!-- .ui-icon.ui-icon-service-edna > i -->
<div class="ui-icon ui-icon-service-edna"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-edna > i -->
<div class="ui-icon ui-icon-service-light-edna"><i></i></div>
21.700.0
<!-- .ui-icon.ui-icon-service-openid > i -->
<div class="ui-icon ui-icon-service-openid"><i></i></div>
21.700.0
<!-- .ui-icon.ui-icon-service-livejournal > i -->
<div class="ui-icon ui-icon-service-livejournal"><i></i></div>
21.700.0
<!-- .ui-icon.ui-icon-service-blogger > i -->
<div class="ui-icon ui-icon-service-blogger"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-blogger > i -->
<div class="ui-icon ui-icon-service-light-blogger"><i></i></div>
21.700.0
<!-- .ui-icon.ui-icon-service-liveinternet > i -->
<div class="ui-icon ui-icon-service-liveinternet"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-liveinternet > i -->
<div class="ui-icon ui-icon-service-light-liveinternet"><i></i></div>
21.700.0
<!-- .ui-icon.ui-icon-service-dropbox > i -->
<div class="ui-icon ui-icon-service-dropbox"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-dropbox > i -->
<div class="ui-icon ui-icon-service-light-dropbox"><i></i></div>
21.700.0
<!-- .ui-icon.ui-icon-service-box > i -->
<div class="ui-icon ui-icon-service-box"><i></i></div>
<!-- .ui-icon.ui-icon-service-light-box > i -->
<div class="ui-icon ui-icon-service-light-box"><i></i></div>
21.700.0


© «Битрикс», 2001-2024, «1С-Битрикс», 2024