.icon{display:inline-block;width:20px;height:20px;flex:0 0 auto;vertical-align:middle;background:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}
.icon-layout-grid{mask-image:url("assets/icons/layout-grid.svg");-webkit-mask-image:url("assets/icons/layout-grid.svg")}
.icon-settings{mask-image:url("assets/icons/settings.svg");-webkit-mask-image:url("assets/icons/settings.svg")}
.icon-file-text{mask-image:url("assets/icons/file-text.svg");-webkit-mask-image:url("assets/icons/file-text.svg")}
.icon-send{mask-image:url("assets/icons/send.svg");-webkit-mask-image:url("assets/icons/send.svg")}
.icon-mailbox{mask-image:url("assets/icons/mailbox.svg");-webkit-mask-image:url("assets/icons/mailbox.svg")}
.icon-messages{mask-image:url("assets/icons/messages.svg");-webkit-mask-image:url("assets/icons/messages.svg")}
.icon-database{mask-image:url("assets/icons/database.svg");-webkit-mask-image:url("assets/icons/database.svg")}
.icon-plus{mask-image:url("assets/icons/plus.svg");-webkit-mask-image:url("assets/icons/plus.svg")}
.icon-arrow-right{mask-image:url("assets/icons/arrow-right.svg");-webkit-mask-image:url("assets/icons/arrow-right.svg")}
.icon-search{mask-image:url("assets/icons/search.svg");-webkit-mask-image:url("assets/icons/search.svg")}
.icon-refresh{mask-image:url("assets/icons/refresh.svg");-webkit-mask-image:url("assets/icons/refresh.svg")}
.icon-download{mask-image:url("assets/icons/download.svg");-webkit-mask-image:url("assets/icons/download.svg")}
.icon-chevron-down{mask-image:url("assets/icons/chevron-down.svg");-webkit-mask-image:url("assets/icons/chevron-down.svg")}
.icon-chevron-left{mask-image:url("assets/icons/chevron-left.svg");-webkit-mask-image:url("assets/icons/chevron-left.svg")}
.icon-chevron-right{mask-image:url("assets/icons/chevron-right.svg");-webkit-mask-image:url("assets/icons/chevron-right.svg")}
.icon-logout{mask-image:url("assets/icons/logout.svg");-webkit-mask-image:url("assets/icons/logout.svg")}
.icon-user-circle{mask-image:url("assets/icons/user-circle.svg");-webkit-mask-image:url("assets/icons/user-circle.svg")}
.icon-x{mask-image:url("assets/icons/x.svg");-webkit-mask-image:url("assets/icons/x.svg")}
.icon-paperclip{mask-image:url("assets/icons/paperclip.svg");-webkit-mask-image:url("assets/icons/paperclip.svg")}
.icon-upload{mask-image:url("assets/icons/upload.svg");-webkit-mask-image:url("assets/icons/upload.svg")}
.icon-mail{mask-image:url("assets/icons/mail.svg");-webkit-mask-image:url("assets/icons/mail.svg")}
.icon-pencil{mask-image:url("assets/icons/pencil.svg");-webkit-mask-image:url("assets/icons/pencil.svg")}
.icon-check{mask-image:url("assets/icons/check.svg");-webkit-mask-image:url("assets/icons/check.svg")}
.icon-list{mask-image:url("assets/icons/list.svg");-webkit-mask-image:url("assets/icons/list.svg")}
.icon-bold{mask-image:url("assets/icons/bold.svg");-webkit-mask-image:url("assets/icons/bold.svg")}
.icon-italic{mask-image:url("assets/icons/italic.svg");-webkit-mask-image:url("assets/icons/italic.svg")}
.icon-filter{mask-image:url("assets/icons/filter.svg");-webkit-mask-image:url("assets/icons/filter.svg")}