.menu {
    --svg: url("/static/svg/menu-01.svg");
}
.style-list {
    --svg: url("/static/svg/style-list.svg");
}
.style-grid {
    --svg: url("/static/svg/style-grid.svg");
}
.more {
    --svg: url("/static/svg/more.svg");
}
.left {
    --svg: url("/static/svg/left.svg");
}
.right {
    --svg: url("/static/svg/right.svg");
}
.filter {
    --svg: url("/static/svg/filter.svg");
}
.sort {
    --svg: url("/static/svg/sort.svg");
}
.loading {
    --svg: url("/static/svg/loading.svg");
}
.coffee {
    --svg: url("/static/svg/coffee.svg");
}
.search {
    --svg: url("/static/svg/search.svg");
}
.nb {
    --svg: url("/static/svg/nb.svg");
}
.link {
    --svg: url("/static/svg/link.svg");
}
.icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: middle;
}