@use "sass:map"; $icons-font: "icons"; @font-face { font-family: $icons-font; src: url("./icons.woff2?2e8e2fec4b27141c4d298083615a0665") format("woff2"), url("./icons.woff?2e8e2fec4b27141c4d298083615a0665") format("woff"); font-weight: normal; font-style: normal; font-display: block; } .icon-char::before { font-family: Roboto, "Helvetica Neue", sans-serif; content: attr(data-char); width: 1.5rem; text-align: center; display: block; } .icon { /* use !important to prevent issues with browser extensions that change fonts */ /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */ font-family: "icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } $icons-map: ( "active-sessions": "\f101", "add-one-badge": "\f102", "add-user-filled": "\f103", "add-user": "\f104", "add": "\f105", "admin": "\f106", "allow-speak": "\f107", "animals": "\f108", "animations": "\f109", "archive-filled": "\f10a", "archive-from-main": "\f10b", "archive-to-main": "\f10c", "archive": "\f10d", "arrow-down-circle": "\f10e", "arrow-down": "\f10f", "arrow-left": "\f110", "arrow-right": "\f111", "ask-support": "\f112", "attach": "\f113", "avatar-archived-chats": "\f114", "avatar-deleted-account": "\f115", "avatar-saved-messages": "\f116", "bold": "\f117", "bot-command": "\f118", "bot-commands-filled": "\f119", "bots": "\f11a", "bug": "\f11b", "calendar-filter": "\f11c", "calendar": "\f11d", "camera-add": "\f11e", "camera": "\f11f", "car": "\f120", "card": "\f121", "channel-filled": "\f122", "channel": "\f123", "channelviews": "\f124", "chat-badge": "\f125", "chats-badge": "\f126", "check": "\f127", "close-circle": "\f128", "close-topic": "\f129", "close": "\f12a", "cloud-download": "\f12b", "collapse": "\f12c", "colorize": "\f12d", "comments-sticker": "\f12e", "comments": "\f12f", "copy-media": "\f130", "copy": "\f131", "darkmode": "\f132", "data": "\f133", "delete-filled": "\f134", "delete-left": "\f135", "delete-user": "\f136", "delete": "\f137", "document": "\f138", "double-badge": "\f139", "down": "\f13a", "download": "\f13b", "eats": "\f13c", "edit": "\f13d", "email": "\f13e", "enter": "\f13f", "expand": "\f140", "eye-closed-outline": "\f141", "eye-closed": "\f142", "eye-outline": "\f143", "eye": "\f144", "favorite-filled": "\f145", "favorite": "\f146", "file-badge": "\f147", "flag": "\f148", "folder-badge": "\f149", "folder": "\f14a", "fontsize": "\f14b", "forums": "\f14c", "forward": "\f14d", "fullscreen": "\f14e", "gifs": "\f14f", "gift": "\f150", "group-filled": "\f151", "group": "\f152", "grouped-disable": "\f153", "grouped": "\f154", "hand-stop": "\f155", "hashtag": "\f156", "heart-outline": "\f157", "heart": "\f158", "help": "\f159", "info-filled": "\f15a", "info": "\f15b", "install": "\f15c", "italic": "\f15d", "key": "\f15e", "keyboard": "\f15f", "lamp": "\f160", "language": "\f161", "large-pause": "\f162", "large-play": "\f163", "link-badge": "\f164", "link-broken": "\f165", "link": "\f166", "location": "\f167", "lock-badge": "\f168", "lock": "\f169", "logout": "\f16a", "loop": "\f16b", "mention": "\f16c", "message-failed": "\f16d", "message-pending": "\f16e", "message-read": "\f16f", "message-succeeded": "\f170", "message": "\f171", "microphone-alt": "\f172", "microphone": "\f173", "monospace": "\f174", "more-circle": "\f175", "more": "\f176", "mute": "\f177", "muted": "\f178", "new-chat-filled": "\f179", "next": "\f17a", "noise-suppression": "\f17b", "non-contacts": "\f17c", "open-in-new-tab": "\f17d", "password-off": "\f17e", "pause": "\f17f", "permissions": "\f180", "phone-discard-outline": "\f181", "phone-discard": "\f182", "phone": "\f183", "photo": "\f184", "pin-badge": "\f185", "pin-list": "\f186", "pin": "\f187", "pinned-chat": "\f188", "pinned-message": "\f189", "pip": "\f18a", "play-story": "\f18b", "play": "\f18c", "poll": "\f18d", "premium": "\f18e", "previous": "\f18f", "privacy-policy": "\f190", "readchats": "\f191", "recent": "\f192", "reload": "\f193", "remove": "\f194", "reopen-topic": "\f195", "replace": "\f196", "replies": "\f197", "reply-filled": "\f198", "reply": "\f199", "revote": "\f19a", "save-story": "\f19b", "saved-messages": "\f19c", "schedule": "\f19d", "search": "\f19e", "select": "\f19f", "send-outline": "\f1a0", "send": "\f1a1", "settings-filled": "\f1a2", "settings": "\f1a3", "share-filled": "\f1a4", "share-screen-outlined": "\f1a5", "share-screen-stop": "\f1a6", "share-screen": "\f1a7", "sidebar": "\f1a8", "skip-next": "\f1a9", "skip-previous": "\f1aa", "smallscreen": "\f1ab", "smile": "\f1ac", "sort": "\f1ad", "speaker-muted-story": "\f1ae", "speaker-outline": "\f1af", "speaker-story": "\f1b0", "speaker": "\f1b1", "spoiler-disable": "\f1b2", "spoiler": "\f1b3", "sport": "\f1b4", "stats": "\f1b5", "stealth-future": "\f1b6", "stealth-past": "\f1b7", "stickers": "\f1b8", "stop-raising-hand": "\f1b9", "stop": "\f1ba", "story-caption": "\f1bb", "story-expired": "\f1bc", "story-priority": "\f1bd", "story-reply": "\f1be", "strikethrough": "\f1bf", "timer": "\f1c0", "transcribe": "\f1c1", "truck": "\f1c2", "unarchive": "\f1c3", "underlined": "\f1c4", "unlock-badge": "\f1c5", "unlock": "\f1c6", "unmute": "\f1c7", "unpin": "\f1c8", "unread": "\f1c9", "up": "\f1ca", "user-filled": "\f1cb", "user-online": "\f1cc", "user": "\f1cd", "video-outlined": "\f1ce", "video-stop": "\f1cf", "video": "\f1d0", "voice-chat": "\f1d1", "volume-1": "\f1d2", "volume-2": "\f1d3", "volume-3": "\f1d4", "web": "\f1d5", "webapp": "\f1d6", "word-wrap": "\f1d7", "zoom-in": "\f1d8", "zoom-out": "\f1d9", ); .icon-active-sessions::before { content: map.get($icons-map, "active-sessions"); } .icon-add-one-badge::before { content: map.get($icons-map, "add-one-badge"); } .icon-add-user-filled::before { content: map.get($icons-map, "add-user-filled"); } .icon-add-user::before { content: map.get($icons-map, "add-user"); } .icon-add::before { content: map.get($icons-map, "add"); } .icon-admin::before { content: map.get($icons-map, "admin"); } .icon-allow-speak::before { content: map.get($icons-map, "allow-speak"); } .icon-animals::before { content: map.get($icons-map, "animals"); } .icon-animations::before { content: map.get($icons-map, "animations"); } .icon-archive-filled::before { content: map.get($icons-map, "archive-filled"); } .icon-archive-from-main::before { content: map.get($icons-map, "archive-from-main"); } .icon-archive-to-main::before { content: map.get($icons-map, "archive-to-main"); } .icon-archive::before { content: map.get($icons-map, "archive"); } .icon-arrow-down-circle::before { content: map.get($icons-map, "arrow-down-circle"); } .icon-arrow-down::before { content: map.get($icons-map, "arrow-down"); } .icon-arrow-left::before { content: map.get($icons-map, "arrow-left"); } .icon-arrow-right::before { content: map.get($icons-map, "arrow-right"); } .icon-ask-support::before { content: map.get($icons-map, "ask-support"); } .icon-attach::before { content: map.get($icons-map, "attach"); } .icon-avatar-archived-chats::before { content: map.get($icons-map, "avatar-archived-chats"); } .icon-avatar-deleted-account::before { content: map.get($icons-map, "avatar-deleted-account"); } .icon-avatar-saved-messages::before { content: map.get($icons-map, "avatar-saved-messages"); } .icon-bold::before { content: map.get($icons-map, "bold"); } .icon-bot-command::before { content: map.get($icons-map, "bot-command"); } .icon-bot-commands-filled::before { content: map.get($icons-map, "bot-commands-filled"); } .icon-bots::before { content: map.get($icons-map, "bots"); } .icon-bug::before { content: map.get($icons-map, "bug"); } .icon-calendar-filter::before { content: map.get($icons-map, "calendar-filter"); } .icon-calendar::before { content: map.get($icons-map, "calendar"); } .icon-camera-add::before { content: map.get($icons-map, "camera-add"); } .icon-camera::before { content: map.get($icons-map, "camera"); } .icon-car::before { content: map.get($icons-map, "car"); } .icon-card::before { content: map.get($icons-map, "card"); } .icon-channel-filled::before { content: map.get($icons-map, "channel-filled"); } .icon-channel::before { content: map.get($icons-map, "channel"); } .icon-channelviews::before { content: map.get($icons-map, "channelviews"); } .icon-chat-badge::before { content: map.get($icons-map, "chat-badge"); } .icon-chats-badge::before { content: map.get($icons-map, "chats-badge"); } .icon-check::before { content: map.get($icons-map, "check"); } .icon-close-circle::before { content: map.get($icons-map, "close-circle"); } .icon-close-topic::before { content: map.get($icons-map, "close-topic"); } .icon-close::before { content: map.get($icons-map, "close"); } .icon-cloud-download::before { content: map.get($icons-map, "cloud-download"); } .icon-collapse::before { content: map.get($icons-map, "collapse"); } .icon-colorize::before { content: map.get($icons-map, "colorize"); } .icon-comments-sticker::before { content: map.get($icons-map, "comments-sticker"); } .icon-comments::before { content: map.get($icons-map, "comments"); } .icon-copy-media::before { content: map.get($icons-map, "copy-media"); } .icon-copy::before { content: map.get($icons-map, "copy"); } .icon-darkmode::before { content: map.get($icons-map, "darkmode"); } .icon-data::before { content: map.get($icons-map, "data"); } .icon-delete-filled::before { content: map.get($icons-map, "delete-filled"); } .icon-delete-left::before { content: map.get($icons-map, "delete-left"); } .icon-delete-user::before { content: map.get($icons-map, "delete-user"); } .icon-delete::before { content: map.get($icons-map, "delete"); } .icon-document::before { content: map.get($icons-map, "document"); } .icon-double-badge::before { content: map.get($icons-map, "double-badge"); } .icon-down::before { content: map.get($icons-map, "down"); } .icon-download::before { content: map.get($icons-map, "download"); } .icon-eats::before { content: map.get($icons-map, "eats"); } .icon-edit::before { content: map.get($icons-map, "edit"); } .icon-email::before { content: map.get($icons-map, "email"); } .icon-enter::before { content: map.get($icons-map, "enter"); } .icon-expand::before { content: map.get($icons-map, "expand"); } .icon-eye-closed-outline::before { content: map.get($icons-map, "eye-closed-outline"); } .icon-eye-closed::before { content: map.get($icons-map, "eye-closed"); } .icon-eye-outline::before { content: map.get($icons-map, "eye-outline"); } .icon-eye::before { content: map.get($icons-map, "eye"); } .icon-favorite-filled::before { content: map.get($icons-map, "favorite-filled"); } .icon-favorite::before { content: map.get($icons-map, "favorite"); } .icon-file-badge::before { content: map.get($icons-map, "file-badge"); } .icon-flag::before { content: map.get($icons-map, "flag"); } .icon-folder-badge::before { content: map.get($icons-map, "folder-badge"); } .icon-folder::before { content: map.get($icons-map, "folder"); } .icon-fontsize::before { content: map.get($icons-map, "fontsize"); } .icon-forums::before { content: map.get($icons-map, "forums"); } .icon-forward::before { content: map.get($icons-map, "forward"); } .icon-fullscreen::before { content: map.get($icons-map, "fullscreen"); } .icon-gifs::before { content: map.get($icons-map, "gifs"); } .icon-gift::before { content: map.get($icons-map, "gift"); } .icon-group-filled::before { content: map.get($icons-map, "group-filled"); } .icon-group::before { content: map.get($icons-map, "group"); } .icon-grouped-disable::before { content: map.get($icons-map, "grouped-disable"); } .icon-grouped::before { content: map.get($icons-map, "grouped"); } .icon-hand-stop::before { content: map.get($icons-map, "hand-stop"); } .icon-hashtag::before { content: map.get($icons-map, "hashtag"); } .icon-heart-outline::before { content: map.get($icons-map, "heart-outline"); } .icon-heart::before { content: map.get($icons-map, "heart"); } .icon-help::before { content: map.get($icons-map, "help"); } .icon-info-filled::before { content: map.get($icons-map, "info-filled"); } .icon-info::before { content: map.get($icons-map, "info"); } .icon-install::before { content: map.get($icons-map, "install"); } .icon-italic::before { content: map.get($icons-map, "italic"); } .icon-key::before { content: map.get($icons-map, "key"); } .icon-keyboard::before { content: map.get($icons-map, "keyboard"); } .icon-lamp::before { content: map.get($icons-map, "lamp"); } .icon-language::before { content: map.get($icons-map, "language"); } .icon-large-pause::before { content: map.get($icons-map, "large-pause"); } .icon-large-play::before { content: map.get($icons-map, "large-play"); } .icon-link-badge::before { content: map.get($icons-map, "link-badge"); } .icon-link-broken::before { content: map.get($icons-map, "link-broken"); } .icon-link::before { content: map.get($icons-map, "link"); } .icon-location::before { content: map.get($icons-map, "location"); } .icon-lock-badge::before { content: map.get($icons-map, "lock-badge"); } .icon-lock::before { content: map.get($icons-map, "lock"); } .icon-logout::before { content: map.get($icons-map, "logout"); } .icon-loop::before { content: map.get($icons-map, "loop"); } .icon-mention::before { content: map.get($icons-map, "mention"); } .icon-message-failed::before { content: map.get($icons-map, "message-failed"); } .icon-message-pending::before { content: map.get($icons-map, "message-pending"); } .icon-message-read::before { content: map.get($icons-map, "message-read"); } .icon-message-succeeded::before { content: map.get($icons-map, "message-succeeded"); } .icon-message::before { content: map.get($icons-map, "message"); } .icon-microphone-alt::before { content: map.get($icons-map, "microphone-alt"); } .icon-microphone::before { content: map.get($icons-map, "microphone"); } .icon-monospace::before { content: map.get($icons-map, "monospace"); } .icon-more-circle::before { content: map.get($icons-map, "more-circle"); } .icon-more::before { content: map.get($icons-map, "more"); } .icon-mute::before { content: map.get($icons-map, "mute"); } .icon-muted::before { content: map.get($icons-map, "muted"); } .icon-new-chat-filled::before { content: map.get($icons-map, "new-chat-filled"); } .icon-next::before { content: map.get($icons-map, "next"); } .icon-noise-suppression::before { content: map.get($icons-map, "noise-suppression"); } .icon-non-contacts::before { content: map.get($icons-map, "non-contacts"); } .icon-open-in-new-tab::before { content: map.get($icons-map, "open-in-new-tab"); } .icon-password-off::before { content: map.get($icons-map, "password-off"); } .icon-pause::before { content: map.get($icons-map, "pause"); } .icon-permissions::before { content: map.get($icons-map, "permissions"); } .icon-phone-discard-outline::before { content: map.get($icons-map, "phone-discard-outline"); } .icon-phone-discard::before { content: map.get($icons-map, "phone-discard"); } .icon-phone::before { content: map.get($icons-map, "phone"); } .icon-photo::before { content: map.get($icons-map, "photo"); } .icon-pin-badge::before { content: map.get($icons-map, "pin-badge"); } .icon-pin-list::before { content: map.get($icons-map, "pin-list"); } .icon-pin::before { content: map.get($icons-map, "pin"); } .icon-pinned-chat::before { content: map.get($icons-map, "pinned-chat"); } .icon-pinned-message::before { content: map.get($icons-map, "pinned-message"); } .icon-pip::before { content: map.get($icons-map, "pip"); } .icon-play-story::before { content: map.get($icons-map, "play-story"); } .icon-play::before { content: map.get($icons-map, "play"); } .icon-poll::before { content: map.get($icons-map, "poll"); } .icon-premium::before { content: map.get($icons-map, "premium"); } .icon-previous::before { content: map.get($icons-map, "previous"); } .icon-privacy-policy::before { content: map.get($icons-map, "privacy-policy"); } .icon-readchats::before { content: map.get($icons-map, "readchats"); } .icon-recent::before { content: map.get($icons-map, "recent"); } .icon-reload::before { content: map.get($icons-map, "reload"); } .icon-remove::before { content: map.get($icons-map, "remove"); } .icon-reopen-topic::before { content: map.get($icons-map, "reopen-topic"); } .icon-replace::before { content: map.get($icons-map, "replace"); } .icon-replies::before { content: map.get($icons-map, "replies"); } .icon-reply-filled::before { content: map.get($icons-map, "reply-filled"); } .icon-reply::before { content: map.get($icons-map, "reply"); } .icon-revote::before { content: map.get($icons-map, "revote"); } .icon-save-story::before { content: map.get($icons-map, "save-story"); } .icon-saved-messages::before { content: map.get($icons-map, "saved-messages"); } .icon-schedule::before { content: map.get($icons-map, "schedule"); } .icon-search::before { content: map.get($icons-map, "search"); } .icon-select::before { content: map.get($icons-map, "select"); } .icon-send-outline::before { content: map.get($icons-map, "send-outline"); } .icon-send::before { content: map.get($icons-map, "send"); } .icon-settings-filled::before { content: map.get($icons-map, "settings-filled"); } .icon-settings::before { content: map.get($icons-map, "settings"); } .icon-share-filled::before { content: map.get($icons-map, "share-filled"); } .icon-share-screen-outlined::before { content: map.get($icons-map, "share-screen-outlined"); } .icon-share-screen-stop::before { content: map.get($icons-map, "share-screen-stop"); } .icon-share-screen::before { content: map.get($icons-map, "share-screen"); } .icon-sidebar::before { content: map.get($icons-map, "sidebar"); } .icon-skip-next::before { content: map.get($icons-map, "skip-next"); } .icon-skip-previous::before { content: map.get($icons-map, "skip-previous"); } .icon-smallscreen::before { content: map.get($icons-map, "smallscreen"); } .icon-smile::before { content: map.get($icons-map, "smile"); } .icon-sort::before { content: map.get($icons-map, "sort"); } .icon-speaker-muted-story::before { content: map.get($icons-map, "speaker-muted-story"); } .icon-speaker-outline::before { content: map.get($icons-map, "speaker-outline"); } .icon-speaker-story::before { content: map.get($icons-map, "speaker-story"); } .icon-speaker::before { content: map.get($icons-map, "speaker"); } .icon-spoiler-disable::before { content: map.get($icons-map, "spoiler-disable"); } .icon-spoiler::before { content: map.get($icons-map, "spoiler"); } .icon-sport::before { content: map.get($icons-map, "sport"); } .icon-stats::before { content: map.get($icons-map, "stats"); } .icon-stealth-future::before { content: map.get($icons-map, "stealth-future"); } .icon-stealth-past::before { content: map.get($icons-map, "stealth-past"); } .icon-stickers::before { content: map.get($icons-map, "stickers"); } .icon-stop-raising-hand::before { content: map.get($icons-map, "stop-raising-hand"); } .icon-stop::before { content: map.get($icons-map, "stop"); } .icon-story-caption::before { content: map.get($icons-map, "story-caption"); } .icon-story-expired::before { content: map.get($icons-map, "story-expired"); } .icon-story-priority::before { content: map.get($icons-map, "story-priority"); } .icon-story-reply::before { content: map.get($icons-map, "story-reply"); } .icon-strikethrough::before { content: map.get($icons-map, "strikethrough"); } .icon-timer::before { content: map.get($icons-map, "timer"); } .icon-transcribe::before { content: map.get($icons-map, "transcribe"); } .icon-truck::before { content: map.get($icons-map, "truck"); } .icon-unarchive::before { content: map.get($icons-map, "unarchive"); } .icon-underlined::before { content: map.get($icons-map, "underlined"); } .icon-unlock-badge::before { content: map.get($icons-map, "unlock-badge"); } .icon-unlock::before { content: map.get($icons-map, "unlock"); } .icon-unmute::before { content: map.get($icons-map, "unmute"); } .icon-unpin::before { content: map.get($icons-map, "unpin"); } .icon-unread::before { content: map.get($icons-map, "unread"); } .icon-up::before { content: map.get($icons-map, "up"); } .icon-user-filled::before { content: map.get($icons-map, "user-filled"); } .icon-user-online::before { content: map.get($icons-map, "user-online"); } .icon-user::before { content: map.get($icons-map, "user"); } .icon-video-outlined::before { content: map.get($icons-map, "video-outlined"); } .icon-video-stop::before { content: map.get($icons-map, "video-stop"); } .icon-video::before { content: map.get($icons-map, "video"); } .icon-voice-chat::before { content: map.get($icons-map, "voice-chat"); } .icon-volume-1::before { content: map.get($icons-map, "volume-1"); } .icon-volume-2::before { content: map.get($icons-map, "volume-2"); } .icon-volume-3::before { content: map.get($icons-map, "volume-3"); } .icon-web::before { content: map.get($icons-map, "web"); } .icon-webapp::before { content: map.get($icons-map, "webapp"); } .icon-word-wrap::before { content: map.get($icons-map, "word-wrap"); } .icon-zoom-in::before { content: map.get($icons-map, "zoom-in"); } .icon-zoom-out::before { content: map.get($icons-map, "zoom-out"); }