.ui.icon > .icon-eye-off { -webkit-mask-image: url("../res/icons/eye-off.svg"); mask-image: url("../res/icons/eye-off.svg"); } .ui.icon > .icon-eye { -webkit-mask-image: url("../res/icons/eye.svg"); mask-image: url("../res/icons/eye.svg"); } .ui.icon > .icon-file-plus { -webkit-mask-image: url("../res/icons/file-plus.svg"); mask-image: url("../res/icons/file-plus.svg"); } .ui.icon > .icon-file-x { -webkit-mask-image: url("../res/icons/file-x.svg"); mask-image: url("../res/icons/file-x.svg"); } .ui.icon > .icon-chevron-down { -webkit-mask-image: url("../res/icons/chevron-down.svg"); mask-image: url("../res/icons/chevron-down.svg"); } .ui.icon > .icon-chevron-up { -webkit-mask-image: url("../res/icons/chevron-up.svg"); mask-image: url("../res/icons/chevron-up.svg"); } .ui.icon > .icon-chevron-first { -webkit-mask-image: url("../res/icons/chevron-first.svg"); mask-image: url("../res/icons/chevron-first.svg"); } .ui.icon > .icon-chevron-flat-down { -webkit-mask-image: url("../res/icons/chevron-first.svg"); mask-image: url("../res/icons/chevron-first.svg"); transform: rotate(-90deg); } .ui.icon > .icon-settings { -webkit-mask-image: url("../res/icons/settings.svg"); mask-image: url("../res/icons/settings.svg"); }