.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 {
    mask: url('../icons/facebook/facebook_logo.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/facebook/facebook_logo.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
}

.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 {
    mask: url('../icons/instagram/instagram_logo.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/instagram/instagram_logo.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
}

.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 {
    mask: url('../icons/pinterest/pinterest_logo.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/pinterest/pinterest_logo.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
}

.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 {
    mask: url('../icons/tiktok/tiktok_logo.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/tiktok/tiktok_logo.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
}

.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/tik_tok_white.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/tiktok/tik_tok_white.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
}


/* YOUTUBE */
.icon-youtube {
    mask: url('../icons/youtube/youtube_logo.svg') no-repeat 50% 50%;
    mask-size: cover;
    -webkit-mask: url('../icons/youtube/youtube_logo.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    background-color: currentColor;
    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;
}