.icon {
    display: inline-block;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background: currentColor;
}
.icon-arrow {
    -webkit-mask-image: url("/asset/icon/arrow.svg");
    mask-image: url("/asset/icon/arrow.svg");
}
.icon-arts {
    -webkit-mask-image: url("/asset/icon/arts.svg");
    mask-image: url("/asset/icon/arts.svg");
}
.icon-external {
    -webkit-mask-image: url("/asset/icon/external.svg");
    mask-image: url("/asset/icon/external.svg");
}
.icon-file {
    -webkit-mask-image: url("/asset/icon/file.svg");
    mask-image: url("/asset/icon/file.svg");
}
.icon-folder {
    -webkit-mask-image: url("/asset/icon/folder.svg");
    mask-image: url("/asset/icon/folder.svg");
}
.icon-games {
    -webkit-mask-image: url("/asset/icon/games.svg");
    mask-image: url("/asset/icon/games.svg");
}
.icon-info {
    -webkit-mask-image: url("/asset/icon/info.svg");
    mask-image: url("/asset/icon/info.svg");
}
.icon-me {
    -webkit-mask-image: url("/asset/icon/me.svg");
    mask-image: url("/asset/icon/me.svg");
}
.icon-tools {
    -webkit-mask-image: url("/asset/icon/tools.svg");
    mask-image: url("/asset/icon/tools.svg");
}
.icon-videos {
    -webkit-mask-image: url("/asset/icon/videos.svg");
    mask-image: url("/asset/icon/videos.svg");
}
.icon-web {
    -webkit-mask-image: url("/asset/icon/web.svg");
    mask-image: url("/asset/icon/web.svg");
}