.icon{display:inline-block;width:20px;height:20px;vertical-align:middle;background-color:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;flex-shrink:0}
.i-chart-bar{mask-image:url("/icons/chart-bar.svg")}
.i-home{mask-image:url("/icons/home.svg")}
.i-list-details{mask-image:url("/icons/list-details.svg")}
.i-activity{mask-image:url("/icons/activity.svg")}
.i-refresh{mask-image:url("/icons/refresh.svg")}
.i-download{mask-image:url("/icons/download.svg")}
.i-x{mask-image:url("/icons/x.svg")}
.i-user{mask-image:url("/icons/user.svg")}
.i-lock{mask-image:url("/icons/lock.svg")}
.i-eye{mask-image:url("/icons/eye.svg")}
.i-eye-off{mask-image:url("/icons/eye-off.svg")}
.i-arrow-right{mask-image:url("/icons/arrow-right.svg")}
.i-arrow-up-right{mask-image:url("/icons/arrow-up-right.svg")}
.i-logout{mask-image:url("/icons/logout.svg")}
.i-menu-2{mask-image:url("/icons/menu-2.svg")}
.i-chevron-left{mask-image:url("/icons/chevron-left.svg")}
.i-chevron-right{mask-image:url("/icons/chevron-right.svg")}
.i-shield-check{mask-image:url("/icons/shield-check.svg")}
.i-alert-circle{mask-image:url("/icons/alert-circle.svg")}
.i-database{mask-image:url("/icons/database.svg")}
.i-chart-line{mask-image:url("/icons/chart-line.svg")}
.i-clock{mask-image:url("/icons/clock.svg")}
.i-circle-check{mask-image:url("/icons/circle-check.svg")}
.i-arrow-left{mask-image:url("/icons/arrow-left.svg")}
.i-player-pause{mask-image:url("/icons/player-pause.svg")}
.i-player-play{mask-image:url("/icons/player-play.svg")}
.i-info-circle{mask-image:url("/icons/info-circle.svg")}
.i-external-link{mask-image:url("/icons/external-link.svg")}
.i-search{mask-image:url("/icons/search.svg")}
.i-circle-dashed{mask-image:url("/icons/circle-dashed.svg")}