:root {
    --icons-size: 1.5rem;
}

i.icon {
    display: inline-block;
    width: var(--icons-size);
    height: var(--icons-size);
    background-color: currentColor;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.facebook-circle {
    -webkit-mask-image: url('icons/facebook-circle.svg');
}

.instagram {
    -webkit-mask-image: url('icons/instagram.svg');
}

.youtube {
    -webkit-mask-image: url('icons/youtube.svg');
}

.search-icon {
    -webkit-mask-image: url('icons/search.svg');
}

.caret-down {
    -webkit-mask-image: url('icons/caret-down.svg');
}

.caret-right {
    -webkit-mask-image: url('icons/caret-right.svg');
}

.info-circle {
    -webkit-mask-image: url('icons/info-circle.svg');
}

.linkedin {
    -webkit-mask-image: url('icons/linkedin.svg');
}

.twitter {
    -webkit-mask-image: url('icons/twitter.svg');
}

.threads {
    -webkit-mask-image: url('icons/threads.svg');
}

.email {
    -webkit-mask-image: url('icons/email.svg');
}

.call {
    -webkit-mask-image: url('icons/call.svg');
}

.play-circle {
    -webkit-mask-image: url('icons/play-circle.svg');
}

.checkbox {
    -webkit-mask-image: url('icons/checkbox.svg');
}

.checkbox-checked {
    -webkit-mask-image: url('icons/checkbox-checked.svg');
}

.chevron-left {
    -webkit-mask-image: url('icons/chevron-left.svg');
}

.chevron-right {
    -webkit-mask-image: url('icons/chevron-right.svg');
}

.trash {
    -webkit-mask-image: url('icons/trash.svg');
}

.gallery {
    -webkit-mask-image: url('icons/gallery.svg');
}

.gallery-add {
    -webkit-mask-image: url('icons/gallery-add.svg');
}

.arrow-up-right-square {
    -webkit-mask-image: url('icons/arrow-up-right-square.svg');
}