.icon { display: inline-block; width: 1em; height: 1em; mask-repeat: no-repeat; mask-size: contain; mask-position: center; background-color: currentColor; } .icon-communication-address-book { mask-image: url("data:image/svg+xml,"); } .icon-communication-at { mask-image: url("data:image/svg+xml,"); } .icon-communication-bluetooth { mask-image: url("data:image/svg+xml,"); } .icon-communication-delete-left { mask-image: url("data:image/svg+xml,"); } .icon-communication-delete-right { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope-ban { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope-check { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope-clock { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope-edit { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope-eye { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope-heart { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope-lock { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope-minus { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope-notification { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope-open { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope-plus { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope-search { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope-settings { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope-shield { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope-star { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope-times { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelope { mask-image: url("data:image/svg+xml,"); } .icon-communication-envelopes { mask-image: url("data:image/svg+xml,"); } .icon-communication-inbox-download { mask-image: url("data:image/svg+xml,"); } .icon-communication-inbox-empty { mask-image: url("data:image/svg+xml,"); } .icon-communication-inbox-upload { mask-image: url("data:image/svg+xml,"); } .icon-communication-inbox { mask-image: url("data:image/svg+xml,"); } .icon-communication-keypad { mask-image: url("data:image/svg+xml,"); } .icon-communication-link-alt { mask-image: url("data:image/svg+xml,"); } .icon-communication-link-broken-horizontal { mask-image: url("data:image/svg+xml,"); } .icon-communication-link-broken { mask-image: url("data:image/svg+xml,"); } .icon-communication-link-horizontal-alt { mask-image: url("data:image/svg+xml,"); } .icon-communication-link-horizontal { mask-image: url("data:image/svg+xml,"); } .icon-communication-link { mask-image: url("data:image/svg+xml,"); } .icon-communication-newspaper { mask-image: url("data:image/svg+xml,"); } .icon-communication-paperclip { mask-image: url("data:image/svg+xml,"); } .icon-communication-phone-1 { mask-image: url("data:image/svg+xml,"); } .icon-communication-phone-2 { mask-image: url("data:image/svg+xml,"); } .icon-communication-phone-call { mask-image: url("data:image/svg+xml,"); } .icon-communication-phone-flip { mask-image: url("data:image/svg+xml,"); } .icon-communication-phone-hangup { mask-image: url("data:image/svg+xml,"); } .icon-communication-phone-incoming { mask-image: url("data:image/svg+xml,"); } .icon-communication-phone-missed { mask-image: url("data:image/svg+xml,"); } .icon-communication-phone-outgoing { mask-image: url("data:image/svg+xml,"); } .icon-communication-phone-plus { mask-image: url("data:image/svg+xml,"); } .icon-communication-phone-slash { mask-image: url("data:image/svg+xml,"); } .icon-communication-phone-times { mask-image: url("data:image/svg+xml,"); } .icon-communication-phone { mask-image: url("data:image/svg+xml,"); } .icon-communication-send-right { mask-image: url("data:image/svg+xml,"); } .icon-communication-send { mask-image: url("data:image/svg+xml,"); } .icon-communication-share { mask-image: url("data:image/svg+xml,"); } .icon-communication-voicemail { mask-image: url("data:image/svg+xml,"); } .icon-communication-wifi-slash { mask-image: url("data:image/svg+xml,"); } .icon-communication-wifi { mask-image: url("data:image/svg+xml,"); }