.icon {
    display: inline-block;
    height: 1em;
    width: 1em;
 
}

.icon--rounded {
    border: 1px solid black;
    border-radius: 50%;
    position: relative;
    top: 1px;
}

.icon::before {
    display: inline-block;
    height: 1em;
    width: 1em;

    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.icon::before {
    content: "";
}

.icon--rounded::before {
    font-size:0.66em;
    display: inline-block;
    position: relative;
    top: -0.015em;
}


.icon--contact::before {
    background-image: url("../img/icons/icons-round-contact.svg");
}

.icon--maps::before {
    background-image: url("../img/icons/icons-round-maps.svg");
}

.icon--phone::before {
    background-image: url("../img/icons/icons-round-phone.svg");
}