TelegramPWA/src/styles/icons.scss

@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");
}