.icon {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #000;
    transition: all 0.3s ease-in-out;
}

.icon-call {
    mask-image: url(../img/svg/call.svg);
}

.icon-play {
    mask-image: url(../img/svg/video-btn.svg);
}

.icon-call-outline {
    mask-image: url(../img/svg/call-outline.svg);
}

.icon-email {
    mask-image: url(../img/svg/email.svg);
}

.icon-location {
    mask-image: url(../img/svg/location.svg);
}

.icon-facebook {
    mask-image: url(../img/svg/facebook.svg);
}

.icon-instagram {
    mask-image: url(../img/svg/instagram.svg);
}

.icon-linkedin {
    mask-image: url(../img/svg/linkedin.svg);
}

.icon-youtube {
    mask-image: url(../img/svg/youtube.svg);
}

.icon-dropdown-arrow {
    mask-image: url(../img/svg/dropdown-arrow.svg);
}

.icon-arrow {
    mask-image: url(../img/svg/arrow.svg);
}

.icon-calender {
    mask-image: url(../img/svg/calender.svg);
}

.icon-arrow-style-2 {
    mask-image: url(../img/svg/arrow-style-2.svg);
}

.icon-quotes {
    mask-image: url(../img/svg/quotes.svg);
}
.icon-share {
    mask-image: url(../img/svg/share.svg);
}
.icon-upload{
    mask-image: url(../img/svg/upload.svg);
}