.search-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    mask: url('../images/icons/search.svg') no-repeat center;
    -webkit-mask: url('../images/icons/search.svg') no-repeat center;
}

.menu-dot-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    mask: url('../images/icons/menu-dot.svg') no-repeat center;
    -webkit-mask: url('../images/icons/menu-dot.svg') no-repeat center;
}

.menu-grid-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    mask: url('../images/icons/menu-grid.svg') no-repeat center;
    -webkit-mask: url('../images/icons/menu-grid.svg') no-repeat center;
}

.menu-bar-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    mask: url('../images/icons/menu-bar.svg') no-repeat center;
    -webkit-mask: url('../images/icons/menu-bar.svg') no-repeat center;
}

.cross-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    mask: url('../images/icons/cross.svg') no-repeat center;
    -webkit-mask: url('../images/icons/cross.svg') no-repeat center;
}

.home-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    mask: url('../images/icons/house-fill.svg') no-repeat center;
    -webkit-mask: url('../images/icons/house-fill.svg') no-repeat center;
}

.mynetwork-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    mask: url('../images/icons/person-lines-fill.svg') no-repeat center;
    -webkit-mask: url('../images/icons/person-lines-fill.svg') no-repeat center;
}

.jobs-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    mask: url('../images/icons/briefcase-fill.svg') no-repeat center;
    -webkit-mask: url('../images/icons/briefcase-fill.svg') no-repeat center;
}

.notification-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    mask: url('../images/icons/bell-fill.svg') no-repeat center;
    -webkit-mask: url('../images/icons/bell-fill.svg') no-repeat center;
}

.history-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    mask: url('../images/icons/history.svg') no-repeat center;
    -webkit-mask: url('../images/icons/history.svg') no-repeat center;
}

.trending-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    mask: url('../images/icons/trending.svg') no-repeat center;
    -webkit-mask: url('../images/icons/trending.svg') no-repeat center;
}

.like-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    mask: url('../images/icons/hand-thumbs-up-fill.svg') no-repeat center;
    -webkit-mask: url('../images/icons/hand-thumbs-up-fill.svg') no-repeat center;
}

.dislike-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/hand-thumbs-down-fill.svg') no-repeat center;
    -webkit-mask: url('../images/icons/hand-thumbs-down-fill.svg') no-repeat center;
}

.love-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/heart-fill.svg') no-repeat center;
    -webkit-mask: url('../images/icons/heart-fill.svg') no-repeat center;
}

.withyou-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/withyou-fill.svg') no-repeat center;
    -webkit-mask: url('../images/icons/withyou-fill.svg') no-repeat center;
}

.comment-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/chat-text-fill.svg') no-repeat center;
    -webkit-mask: url('../images/icons/chat-text-fill.svg') no-repeat center;
}

.repost-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/repost.svg') no-repeat center;
    -webkit-mask: url('../images/icons/repost.svg') no-repeat center;
}

.emoji-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/emoji.svg') no-repeat center;
    -webkit-mask: url('../images/icons/emoji.svg') no-repeat center;
}

.send-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/send.svg') no-repeat center;
    -webkit-mask: url('../images/icons/send.svg') no-repeat center;
}

.reply-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/reply-fill.svg') no-repeat center;
    -webkit-mask: url('../images/icons/reply-fill.svg') no-repeat center;
}

.image-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/image.svg') no-repeat center;
    -webkit-mask: url('../images/icons/image.svg') no-repeat center;
}

.public-post-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/public-post.svg') no-repeat center;
    -webkit-mask: url('../images/icons/public-post.svg') no-repeat center;
}

.private-post-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/private-post.svg') no-repeat center;
    -webkit-mask: url('../images/icons/private-post.svg') no-repeat center;
}

.task-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/task.svg') no-repeat center;
    -webkit-mask: url('../images/icons/task.svg') no-repeat center;
}

.resume-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/resume.svg') no-repeat center;
    -webkit-mask: url('../images/icons/resume.svg') no-repeat center;
}

.memory-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/memory.svg') no-repeat center;
    -webkit-mask: url('../images/icons/memory.svg') no-repeat center;
}

.secret-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/secret.svg') no-repeat center;
    -webkit-mask: url('../images/icons/secret.svg') no-repeat center;
}

.cloud-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/cloud.svg') no-repeat center;
    -webkit-mask: url('../images/icons/cloud.svg') no-repeat center;
}

.polls-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/polls.svg') no-repeat center;
    -webkit-mask: url('../images/icons/polls.svg') no-repeat center;
}

.events-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/events.svg') no-repeat center;
    -webkit-mask: url('../images/icons/events.svg') no-repeat center;
}

.article-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/article.svg') no-repeat center;
    -webkit-mask: url('../images/icons/article.svg') no-repeat center;
}

.bold-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/bold.svg') no-repeat center;
    -webkit-mask: url('../images/icons/bold.svg') no-repeat center;
}

.italic-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/italic.svg') no-repeat center;
    -webkit-mask: url('../images/icons/italic.svg') no-repeat center;
}

.link-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/link.svg') no-repeat center;
    -webkit-mask: url('../images/icons/link.svg') no-repeat center;
}

.unlink-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/unlink.svg') no-repeat center;
    -webkit-mask: url('../images/icons/unlink.svg') no-repeat center;
}

.undo-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/undo.svg') no-repeat center;
    -webkit-mask: url('../images/icons/undo.svg') no-repeat center;
}

.redo-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/redo.svg') no-repeat center;
    -webkit-mask: url('../images/icons/redo.svg') no-repeat center;
}

.break-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/break.svg') no-repeat center;
    -webkit-mask: url('../images/icons/break.svg') no-repeat center;
}

.public-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/privacy-public.svg') no-repeat center;
    -webkit-mask: url('../images/icons/privacy-public.svg') no-repeat center;
}

.private-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/privacy-private.svg') no-repeat center;
    -webkit-mask: url('../images/icons/privacy-private.svg') no-repeat center;
}

.plus-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/plus.svg') no-repeat center;
    -webkit-mask: url('../images/icons/plus.svg') no-repeat center;
}

.drive-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/drive.svg') no-repeat center;
    -webkit-mask: url('../images/icons/drive.svg') no-repeat center;
}

.caret-right-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/caret-right.svg') no-repeat center;
    -webkit-mask: url('../images/icons/caret-right.svg') no-repeat center;
}

.caret-down-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/caret-down.svg') no-repeat center;
    -webkit-mask: url('../images/icons/caret-down.svg') no-repeat center;
}

.draft-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/draft.svg') no-repeat center;
    -webkit-mask: url('../images/icons/draft.svg') no-repeat center;
}

.error-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/error.svg') no-repeat center;
    -webkit-mask: url('../images/icons/error.svg') no-repeat center;
}

.okey-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/okey.svg') no-repeat center;
    -webkit-mask: url('../images/icons/okey.svg') no-repeat center;
}

.angle-left-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/angle-left.svg') no-repeat center;
    -webkit-mask: url('../images/icons/angle-left.svg') no-repeat center;
}

.angle-right-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask: url('../images/icons/angle-right.svg') no-repeat center;
    -webkit-mask: url('../images/icons/angle-right.svg') no-repeat center;
}