.logo-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin: 5px;
}

.logo-view-left {
    display: flex;
   justify-content: flex-start;
}

.logo-view-right {
    display: flex;
    justify-content: flex-end;
}

/* FACEBOOK */
.icon-facebook-plain {
    background: url('../icons/facebook/facebook_logo_plain.svg') no-repeat 50% 50%;
    background-size: cover;
}

.icon-facebook-alt {
    background: url('../icons/facebook/facebook_logo_plain.svg') no-repeat 50% 50%;
    background-size: cover;
}

.icon-facebook-black {
    mask: url('../icons/facebook/facebook_logo_black.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/facebook/facebook_logo_black.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
}

.icon-facebook-white {
    mask: url('../icons/facebook/facebook_logo_white.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/facebook/facebook_logo_white.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
}


/* INSTAGRAM */
.icon-instagram-plain {
    background: url('../icons/instagram/instagram_logo_plain.svg') no-repeat 50% 50%;
    background-size: cover;
}

.icon-instagram-alt {
    background: url('../icons/instagram/instagram_logo_plain.svg') no-repeat 50% 50%;
    background-size: cover;
}

.icon-instagram-black {
    mask: url('../icons/instagram/instagram_logo_black.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/instagram/instagram_logo_black.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
}

.icon-instagram-white {
    mask: url('../icons/instagram/instagram_logo_white.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/instagram/instagram_logo_white.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
}


/* PINTEREST */
.icon-pinterest-plain {
    background: url('../icons/pinterest/pinterest_logo_plain.svg') no-repeat 50% 50%;
    background-size: cover;
}

.icon-pinterest-alt {
    background: url('../icons/pinterest/pinterest_logo_plain.svg') no-repeat 50% 50%;
    background-size: cover;
}

.icon-pinterest-black {
    mask: url('../icons/pinterest/pinterest_logo_black.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/pinterest/pinterest_logo_black.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
}

.icon-pinterest-white {
    mask: url('../icons/pinterest/pinterest_logo_white.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/pinterest/pinterest_logo_white.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
}


/* TIKTOK */
.icon-tiktok-plain {
    background: url('../icons/tiktok/tiktok_logo_plain.svg') no-repeat 50% 50%;
    background-size: cover;
}

.icon-tiktok-alt {
    background: url('../icons/tiktok/tiktok_logo_plain.svg') no-repeat 50% 50%;
    background-size: cover;
}

.icon-tiktok-black {
    mask: url('../icons/tiktok/tiktok_logo_black.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/tiktok/tiktok_logo_black.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
}

.icon-tiktok-white {
    mask: url('../icons/tiktok/tiktok_logo_white.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/tiktok/tiktok_logo_white.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
}


/* YOUTUBE */
.icon-youtube-plain {
    background: url('../icons/youtube/youtube_logo_plain.svg') no-repeat 50% 50%;
    background-size: cover;
    width: 110px;
}

.icon-youtube-alt {
    background: url('../icons/youtube/youtube_logo_alt.svg') no-repeat 50% 50%;
    background-size: cover;
    width: 110px;
}

.icon-youtube-black {
    mask: url('../icons/youtube/youtube_logo_black.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/youtube/youtube_logo_black.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
    width: 110px;
}

.icon-youtube-white {
    mask: url('../icons/youtube/youtube_logo_white.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/youtube/youtube_logo_white.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
    width: 110px;
}

/* LINKEDIN */
.icon-linkedin-plain {
    background: url('../icons/linkedin/linkedin_logo_plain.svg') no-repeat 50% 50%;
    background-size: cover;
}

.icon-linkedin-alt {
    background: url('../icons/linkedin/linkedin_logo_plain.svg') no-repeat 50% 50%;
    background-size: cover;
}

.icon-linkedin-black {
    mask: url('../icons/linkedin/linkedin_logo_black.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/linkedin/linkedin_logo_black.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
}

.icon-linkedin-white {
    mask: url('../icons/linkedin/linkedin_logo_white.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/linkedin/linkedin_logo_white.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
}