.icon {
    min-width: 20px;
    min-height: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.menu {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOSAxOCICjxsaW5lIGlkPSJMw61uZWFfMSIgZGF0YS1uYW1lPSJMw61uZWEgMSIgeDI9IjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPGxpbmUgaWQ9IkzDrW5lYV8yIiBkYXRhLW5hbWU9IkzDrW5lYSAyIiB4Mj0iMzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgOCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPGxpbmUgaWQ9IkzDrW5lYV8zIiBkYXRhLW5hbWU9IkzDrW5lYSAzIiB4Mj0iMzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTYpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==);
}

.users {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYnRuLXVzdWFyaW9zIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy40MDEgMjUuOTUzIj4KPHBhdGggaWQ9IlRyYXphZG9fNjEiIGRhdGEtbmFtZT0iVHJhemFkbyA2MSIgZD0iTTc3NC45NjEsOTcuOGwtOC4yNTEtNC43NjRhMy40NSwzLjQ1LDAsMCwwLTMuNDQ5LDBMNzU1LjAxLDk3LjhhMy40NSwzLjQ1LDAsMCwwLTEuNzI1LDIuOTg3djkuNTI3YTMuNDUsMy40NSwwLDAsMCwxLjcyNSwyLjk4N2w4LjI1MSw0Ljc2NGEzLjQ1LDMuNDUsMCwwLDAsMy40NDksMGw4LjI1MS00Ljc2NGEzLjQ1LDMuNDUsMCwwLDAsMS43MjUtMi45ODdWMTAwLjc5YTMuNDUsMy40NSwwLDAsMC0xLjcyNS0yLjk4N20tNC43NjksMTMuMTU0YTIuMTExLDIuMTExLDAsMCwxLTIuMSwxLjgyM2MtMi4wNDkuMDI0LTQuMS4wMjktNi4xNDksMGEyLjIsMi4yLDAsMCwxLTIuMTM5LTIuMTczLDUuNDQ1LDUuNDQ1LDAsMCwxLDIuNzU4LTUuNDEzLDMuNzgyLDMuNzgyLDAsMCwxLS4xNjgtNS40ODEsMy43NCwzLjc0LDAsMCwxLDUuMTIxLS4xMjRjMS42NDEsMS40NzcsMS42MzgsMy41ODYuMDE1LDUuNTYzYTE2LjA3LDE2LjA3LDAsMCwxLDEuMjg1LDEuMDc4LDUuNDUxLDUuNDUxLDAsMCwxLDEuMzgxLDQuNzI4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzUzLjI4NSAtOTIuNTc3KSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4=);
}

.phone {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYnRuLXBob25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi43NDIgMjIuNzQyIj4KPHBhdGggaWQ9IlRyYXphZG9fNjIiIGRhdGEtbmFtZT0iVHJhemFkbyA2MiIgZD0iTTYxNy42MTcsOTkuMjY4YTYuNTM5LDYuNTM5LDAsMCwxLDIuMTgxLTIuNTExLDIuNzIzLDIuNzIzLDAsMCwxLDQuMSwxLjM3MiwyNy4wNjQsMjcuMDY0LDAsMCwxLC44NjEsMy4xNTksMi40NjYsMi40NjYsMCwwLDEtLjYzNSwyLjE1MiwxLjI0NiwxLjI0NiwwLDAsMS0uMjQ5LjI0OGMtLjc4NS41LS43NjIsMS4xMTctLjQxOCwxLjkxOWExMC44NDIsMTAuODQyLDAsMCwwLDYuNjcyLDYuMjQ5LjY1Mi42NTIsMCwwLDAsLjgyNi0uMiwzLjI1OSwzLjI1OSwwLDAsMSwyLjIyNC0xLjM0MywxLjE1MiwxLjE1MiwwLDAsMSwuMzUyLS4wMjEsMjQuNTE0LDI0LjUxNCwwLDAsMSwzLjcxNiwxLjA2NCwyLjY2LDIuNjYsMCwwLDEsLjYzMyw0LjQ1NCw2LjA1OSw2LjA1OSwwLDAsMC0uNjQzLjY0MSwzLjAxNCwzLjAxNCwwLDAsMS0xLjUyMiwxLjAxM2gtMS41MTZjLS42NzktLjEtMS4zNjctLjE1OS0yLjAzNi0uMzA4LTcuNC0xLjY0My0xMi4xMS02LjExMy0xNC4wNTQtMTMuNDUtLjI0NC0uOTE3LS4zMjgtMS44NzgtLjQ4Ny0yLjgxOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MTcuNjE3IC05NC43MTkpIiBmaWxsPSIjZmZmIi8+CjxwYXRoIGlkPSJUcmF6YWRvXzYzIiBkYXRhLW5hbWU9IlRyYXphZG8gNjMiIGQ9Ik02MjguNTY5LDk0LjkxOWMuNjg0LjE0NCwxLjM3OS4yNSwyLjA1My40MzhhMTEuMzI4LDExLjMyOCwwLDAsMSw4LjE3MSw5LjU5LDEuNjQ5LDEuNjQ5LDAsMCwwLC4wODQuMjgydjEuMDExaC0xLjRhMTAuMDQ4LDEwLjA0OCwwLDAsMC05LjkyLTkuOTE0Vjk0LjkxOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MTYuMTM1IC05NC45MTkpIiBmaWxsPSIjZmZmIi8+CjxwYXRoIGlkPSJUcmF6YWRvXzY0IiBkYXRhLW5hbWU9IlRyYXphZG8gNjQiIGQ9Ik02MjcuNTQsOTkuOTkzVjk4LjY1NGE3LjAzNyw3LjAzNywwLDAsMSw3LjA1OCw3LjAyNWgtMS4zNDJjLS40LTMuNDA4LTIuMjktNS4zMDYtNS43MTUtNS42ODciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MTYuMTM4IC05NC4zNjIpIiBmaWxsPSIjZmZmIi8+CjxwYXRoIGlkPSJUcmF6YWRvXzY1IiBkYXRhLW5hbWU9IlRyYXphZG8gNjUiIGQ9Ik02MzAuMzQyLDEwNS4xMTloLTEuMzY2YTEuNTMyLDEuNTMyLDAsMCwwLTEuMjg0LTEuMzUxYy0uMDcyLS4wMTEtLjE1OS0uMi0uMTY1LS4zLS4wMi0uMzUyLS4wMDctLjctLjAwNy0xLjA1NGEyLjcsMi43LDAsMCwxLDIuODIyLDIuNzA5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjE2LjE0MiAtOTMuODA3KSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4=);
}

.email {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYnRuLWVtYWlsIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS45NzcgMTYuMTc3Ij4KPHBhdGggaWQ9IlRyYXphZG9fNTkiIGRhdGEtbmFtZT0iVHJhemFkbyA1OSIgZD0iTTU4MC4yNCwxMDEuNzk0Yy45NjIuNTY2LDEuOTMsMS4xMjEsMi44ODUsMS43LDIuNCwxLjQ1Nyw0LjgsMi45MTMsNy4xOTEsNC4zOTNhMS41ODYsMS41ODYsMCwwLDAsMS44NTItLjAyM2MzLjE5MS0xLjk2OCw2LjQtMy45MTMsOS42LTUuODY1LjExOS0uMDcyLjI0NS0uMTM0LjQzNC0uMjM4di41MzRjMCwyLjUyMi0uMDMxLDUuMDQ0LjAxMSw3LjU2NWEzLjM0NCwzLjM0NCwwLDAsMS0zLjQ2OSwzLjQ5NGMtNS4wNi0uMDQ2LTEwLjEyLS4wMTUtMTUuMTc5LS4wMThhMy4xNiwzLjE2LDAsMCwxLTMuMjU0LTIuNjM3LjQ3Ny40NzcsMCwwLDAtLjA3NS0uMTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTgwLjI0IC05Ny4xNzkpIiBmaWxsPSIjZmZmIi8+CjxwYXRoIGlkPSJUcmF6YWRvXzYwIiBkYXRhLW5hbWU9IlRyYXphZG8gNjAiIGQ9Ik01ODAuMzQzLDEwMC4yNzZhMy4xNjYsMy4xNjYsMCwwLDEsMy4zMzMtMi41cTYuOTc3LS4wMDksMTMuOTU2LDBjLjM5LDAsLjc4LDAsMS4xNzIsMGEzLjE5LDMuMTksMCwwLDEsMy4yNzcsMi40ODJjLS4wOS4wNjYtLjE4NC4xNDctLjI5LjIxMXEtNS4xMTEsMy4xMjUtMTAuMjIxLDYuMjQ3YS41MzkuNTM5LDAsMCwxLS42NTYuMDQ5cS01LjIwNy0zLjItMTAuNDI0LTYuMzgyYTEuNzA5LDEuNzA5LDAsMCwxLS4xNDgtLjExIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTgwLjIyNSAtOTcuNzc0KSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4=);
}

.close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MC42NTYgNDAuNjU2Ij4KPGcgY2xhc3M9ImJ0bi1jbG9zZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS40MTQgMS40MTQpIj4KPGxpbmUgaWQ9IkzDrW5lYV8yIiBkYXRhLW5hbWU9IkzDrW5lYSAyIiB4Mj0iNTMuNDk3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSByb3RhdGUoNDUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxsaW5lIGlkPSJMw61uZWFfMyIgZGF0YS1uYW1lPSJMw61uZWEgMyIgeDI9IjUzLjQ5NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAzNy44MjgpIHJvdGF0ZSgtNDUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+CjwvZz4KPC9zdmc+);
    width: 30px;
    height: 30px;
}

/* .close {
    background-image: url(data:image/svg+xml;base64,);
} */