[class*="mjcon-"] {
  display:inline-block;
  width:1.2em; height:1.2em;
  background-color: currentColor;
  -webkit-mask: no-repeat center / contain;
          mask: no-repeat center / contain;
}

.mjcon-accessability { -webkit-mask-image: url("svg/accessability.svg"); mask-image: url("svg/accessability.svg"); }
.mjcon-accessibility { -webkit-mask-image: url("svg/accessability.svg"); mask-image: url("svg/accessability.svg"); }
.mjcon-arrow-down { -webkit-mask-image: url("svg/arrow-down.svg"); mask-image: url("svg/arrow-down.svg"); }
.mjcon-arrow-left { -webkit-mask-image: url("svg/arrow-left.svg"); mask-image: url("svg/arrow-left.svg"); }
.mjcon-arrow-right { -webkit-mask-image: url("svg/arrow-right.svg"); mask-image: url("svg/arrow-right.svg"); }
.mjcon-arrow-up { -webkit-mask-image: url("svg/arrow-up.svg"); mask-image: url("svg/arrow-up.svg"); }
.mjcon-bin { -webkit-mask-image: url("svg/bin.svg"); mask-image: url("svg/bin.svg"); }
.mjcon-bin2 { -webkit-mask-image: url("svg/bin2.svg"); mask-image: url("svg/bin2.svg"); }
.mjcon-blocked { -webkit-mask-image: url("svg/blocked.svg"); mask-image: url("svg/blocked.svg"); }
.mjcon-book { -webkit-mask-image: url("svg/book.svg"); mask-image: url("svg/book.svg"); }
.mjcon-calendar { -webkit-mask-image: url("svg/calendar.svg"); mask-image: url("svg/calendar.svg"); }
.mjcon-check { -webkit-mask-image: url("svg/check.svg"); mask-image: url("svg/check.svg"); }
.mjcon-checkbox-checked { -webkit-mask-image: url("svg/checkbox-checked.svg"); mask-image: url("svg/checkbox-checked.svg"); }
.mjcon-checkbox-unchecked { -webkit-mask-image: url("svg/checkbox-unchecked.svg"); mask-image: url("svg/checkbox-unchecked.svg"); }
.mjcon-checkmark { -webkit-mask-image: url("svg/checkmark.svg"); mask-image: url("svg/checkmark.svg"); }
.mjcon-checkmark2 { -webkit-mask-image: url("svg/checkmark2.svg"); mask-image: url("svg/checkmark2.svg"); }
.mjcon-circle-cancel { -webkit-mask-image: url("svg/circle-cancel.svg"); mask-image: url("svg/circle-cancel.svg"); }
.mjcon-circle-down { -webkit-mask-image: url("svg/circle-down.svg"); mask-image: url("svg/circle-down.svg"); }
.mjcon-circle-left { -webkit-mask-image: url("svg/circle-left.svg"); mask-image: url("svg/circle-left.svg"); }
.mjcon-circle-right { -webkit-mask-image: url("svg/circle-right.svg"); mask-image: url("svg/circle-right.svg"); }
.mjcon-circle-up { -webkit-mask-image: url("svg/circle-up.svg"); mask-image: url("svg/circle-up.svg"); }
.mjcon-cloud { -webkit-mask-image: url("svg/cloud.svg"); mask-image: url("svg/cloud.svg"); }
.mjcon-cog { -webkit-mask-image: url("svg/cog.svg"); mask-image: url("svg/cog.svg"); }
.mjcon-coin-dollar { -webkit-mask-image: url("svg/coin-dollar.svg"); mask-image: url("svg/coin-dollar.svg"); }
.mjcon-cross { -webkit-mask-image: url("svg/cross.svg"); mask-image: url("svg/cross.svg"); }
.mjcon-database { -webkit-mask-image: url("svg/database.svg"); mask-image: url("svg/database.svg"); }
.mjcon-dice { -webkit-mask-image: url("svg/dice.svg"); mask-image: url("svg/dice.svg"); }
.mjcon-download { -webkit-mask-image: url("svg/download.svg"); mask-image: url("svg/download.svg"); }
.mjcon-email { -webkit-mask-image: url("svg/email.svg"); mask-image: url("svg/email.svg"); }
.mjcon-enlarge { -webkit-mask-image: url("svg/enlarge.svg"); mask-image: url("svg/enlarge.svg"); }
.mjcon-eye { -webkit-mask-image: url("svg/eye.svg"); mask-image: url("svg/eye.svg"); }
.mjcon-file { -webkit-mask-image: url("svg/file.svg"); mask-image: url("svg/file.svg"); }
.mjcon-file-add { -webkit-mask-image: url("svg/file-add.svg"); mask-image: url("svg/file-add.svg"); }
.mjcon-file-copy { -webkit-mask-image: url("svg/file-copy.svg"); mask-image: url("svg/file-copy.svg"); }
.mjcon-file-paste { -webkit-mask-image: url("svg/file-paste.svg"); mask-image: url("svg/file-paste.svg"); }
.mjcon-fire { -webkit-mask-image: url("svg/fire.svg"); mask-image: url("svg/fire.svg"); }
.mjcon-floppy-disk { -webkit-mask-image: url("svg/floppy-disk.svg"); mask-image: url("svg/floppy-disk.svg"); }
.mjcon-folder { -webkit-mask-image: url("svg/folder.svg"); mask-image: url("svg/folder.svg"); }
.mjcon-folder-plus { -webkit-mask-image: url("svg/folder-plus.svg"); mask-image: url("svg/folder-plus.svg"); }
.mjcon-goto { -webkit-mask-image: url("svg/goto.svg"); mask-image: url("svg/goto.svg"); }
.mjcon-hammer { -webkit-mask-image: url("svg/hammer.svg"); mask-image: url("svg/hammer.svg"); }
.mjcon-home { -webkit-mask-image: url("svg/home.svg"); mask-image: url("svg/home.svg"); }
.mjcon-image { -webkit-mask-image: url("svg/image.svg"); mask-image: url("svg/image.svg"); }
.mjcon-image-left { -webkit-mask-image: url("svg/image-left.svg"); mask-image: url("svg/image-left.svg"); }
.mjcon-image-portrait { -webkit-mask-image: url("svg/image-portrait.svg"); mask-image: url("svg/image-portrait.svg"); }
.mjcon-image-right { -webkit-mask-image: url("svg/image-right.svg"); mask-image: url("svg/image-right.svg"); }
.mjcon-image-center { -webkit-mask-image: url("svg/image-center.svg"); mask-image: url("svg/image-center.svg"); }
.mjcon-image-slider { -webkit-mask-image: url("svg/image-slider.svg"); mask-image: url("svg/image-slider.svg"); }
.mjcon-infinity { -webkit-mask-image: url("svg/infinity.svg"); mask-image: url("svg/infinity.svg"); }
.mjcon-index { -webkit-mask-image: url("svg/index.svg"); mask-image: url("svg/index.svg"); }
.mjcon-lock { -webkit-mask-image: url("svg/lock.svg"); mask-image: url("svg/lock.svg"); }
.mjcon-lock-open { -webkit-mask-image: url("svg/lock-open.svg"); mask-image: url("svg/lock-open.svg"); }
.mjcon-loop { -webkit-mask-image: url("svg/loop.svg"); mask-image: url("svg/loop.svg"); }
.mjcon-menu { -webkit-mask-image: url("svg/menu.svg"); mask-image: url("svg/menu.svg"); }
.mjcon-move-down { -webkit-mask-image: url("svg/move-down.svg"); mask-image: url("svg/move-down.svg"); }
.mjcon-move-up { -webkit-mask-image: url("svg/move-up.svg"); mask-image: url("svg/move-up.svg"); }
.mjcon-move-tree { -webkit-mask-image: url("svg/move-tree.svg"); mask-image: url("svg/move-tree.svg"); }
.mjcon-pencil { -webkit-mask-image: url("svg/pencil.svg"); mask-image: url("svg/pencil.svg"); }
.mjcon-player-backward { -webkit-mask-image: url("svg/player-backward.svg"); mask-image: url("svg/player-backward.svg"); }
.mjcon-player-eject { -webkit-mask-image: url("svg/player-eject.svg"); mask-image: url("svg/player-eject.svg"); }
.mjcon-player-end { -webkit-mask-image: url("svg/player-end.svg"); mask-image: url("svg/player-end.svg"); }
.mjcon-player-forward { -webkit-mask-image: url("svg/player-forward.svg"); mask-image: url("svg/player-forward.svg"); }
.mjcon-player-next { -webkit-mask-image: url("svg/player-next.svg"); mask-image: url("svg/player-next.svg"); }
.mjcon-player-pause { -webkit-mask-image: url("svg/player-pause.svg"); mask-image: url("svg/player-pause.svg"); }
.mjcon-player-power { -webkit-mask-image: url("svg/player-power.svg"); mask-image: url("svg/player-power.svg"); }
.mjcon-player-prev { -webkit-mask-image: url("svg/player-prev.svg"); mask-image: url("svg/player-prev.svg"); }
.mjcon-player-start { -webkit-mask-image: url("svg/player-start.svg"); mask-image: url("svg/player-start.svg"); }
.mjcon-plus { -webkit-mask-image: url("svg/plus.svg"); mask-image: url("svg/plus.svg"); }
.mjcon-printer { -webkit-mask-image: url("svg/printer.svg"); mask-image: url("svg/printer.svg"); }
.mjcon-question { -webkit-mask-image: url("svg/question.svg"); mask-image: url("svg/question.svg"); }
.mjcon-radio { -webkit-mask-image: url("svg/radio.svg"); mask-image: url("svg/radio.svg"); }
.mjcon-radio-checked { -webkit-mask-image: url("svg/radio-checked.svg"); mask-image: url("svg/radio-checked.svg"); }
.mjcon-search { -webkit-mask-image: url("svg/search.svg"); mask-image: url("svg/search.svg"); }
.mjcon-shield { -webkit-mask-image: url("svg/shield.svg"); mask-image: url("svg/shield.svg"); }
.mjcon-shrink { -webkit-mask-image: url("svg/shrink.svg"); mask-image: url("svg/shrink.svg"); }
.mjcon-sort { -webkit-mask-image: url("svg/sort.svg"); mask-image: url("svg/sort.svg"); }
.mjcon-spinner { -webkit-mask-image: url("svg/spinner.svg"); mask-image: url("svg/spinner.svg"); }
.mjcon-star { -webkit-mask-image: url("svg/star.svg"); mask-image: url("svg/star.svg"); }
.mjcon-star-full { -webkit-mask-image: url("svg/star-full.svg"); mask-image: url("svg/star-full.svg"); }
.mjcon-upload { -webkit-mask-image: url("svg/upload.svg"); mask-image: url("svg/upload.svg"); }
.mjcon-user { -webkit-mask-image: url("svg/user.svg"); mask-image: url("svg/user.svg"); }
.mjcon-user-plus { -webkit-mask-image: url("svg/user-plus.svg"); mask-image: url("svg/user-plus.svg"); }
.mjcon-users { -webkit-mask-image: url("svg/users.svg"); mask-image: url("svg/users.svg"); }
.mjcon-v-dmg { -webkit-mask-image: url("svg/v-dmg.svg"); mask-image: url("svg/v-dmg.svg"); }
.mjcon-v-dmg-aggravated { -webkit-mask-image: url("svg/v-dmg-aggravated.svg"); mask-image: url("svg/v-dmg-aggravated.svg"); }
.mjcon-v-dmg-bashing { -webkit-mask-image: url("svg/v-dmg-bashing.svg"); mask-image: url("svg/v-dmg-bashing.svg"); }
.mjcon-v-dmg-lethal { -webkit-mask-image: url("svg/v-dmg-lethal.svg"); mask-image: url("svg/v-dmg-lethal.svg"); }
.mjcon-warning { -webkit-mask-image: url("svg/warning.svg"); mask-image: url("svg/warning.svg"); }