icon, .icon {
width: 1em;
/* border: 1px solid red; */
display: inline-block;
position: relative;
/* margin: 0 auto; */
}
.icon-inline {
display: inline-block;
}
.icon-2x {
width: 2em;
}
.icon-3x {
width: 3em;
}
.icon-4x {
width: 4em;
}
.icon-5x {
width: 5em;
}
icon:after,.icon:after {
width: 100%;
padding-top: 100%;
content: "";
position: relative;
display: block;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.icon-white {
filter: invert(1);
}
.icon-example:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-phone:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-mobile:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-mapplace:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-calendar:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-mail:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-instagram:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-beratung:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-verkauf:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-vermietung:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-bewertung:after {
background-image: url('data:image/svg+xml;utf8,');
}