.icon--mdi {
display: inline-block;
width: 24px;
height: 24px;
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%;
}
.mdi--help {
--svg: url("data:image/svg+xml,");
}
.mdi--pencil {
--svg: url("data:image/svg+xml,");
}
.mdi--trash-can-outline {
--svg: url("data:image/svg+xml,");
}
.mdi--toggle-switch-off-outline {
--svg: url("data:image/svg+xml,");
}
.mdi--toggle-switch-outline {
--svg: url("data:image/svg+xml,");
}
.mdi--eye-settings-outline {
--svg: url("data:image/svg+xml,");
}
.mdi--book-open-variant {
--svg: url("data:image/svg+xml,");
}
.mdi--battery {
--svg: url("data:image/svg+xml,");
}
.mdi--battery-10 {
--svg: url("data:image/svg+xml,");
}
.mdi--battery-outline {
--svg: url("data:image/svg+xml,");
}
.mdi--battery-unknown {
--svg: url("data:image/svg+xml,");
}
.mdi--wifi {
--svg: url("data:image/svg+xml,");
}
.mdi--wifi-off {
--svg: url("data:image/svg+xml,");
}
.mdi--door {
--svg: url("data:image/svg+xml,");
}
.mdi--door-closed {
--svg: url("data:image/svg+xml,");
}
.mdi--door-open {
--svg: url("data:image/svg+xml,");
}
.mdi--door-closed-cancel {
--svg: url("data:image/svg+xml,");
}
.mdi--door-closed-lock {
--svg: url("data:image/svg+xml,");
}
.mdi--decagram-outline {
--svg: url("data:image/svg+xml,");
}
.mdi--alert-decagram-outline {
--svg: url("data:image/svg+xml,");
}
.mdi--lock-open-outline {
--svg: url("data:image/svg+xml,");
}
.mdi--lock-outline {
--svg: url("data:image/svg+xml,");
}
.mdi--lock-plus-outline {
--svg: url("data:image/svg+xml,");
}
.mdi--lock-alert-outline {
--svg: url("data:image/svg+xml,");
}
.mdi--eye-off {
--svg: url("data:image/svg+xml,");
}
.mdi--eye {
--svg: url("data:image/svg+xml,");
}
.mdi--key-remove {
--svg: url("data:image/svg+xml,");
}
.mdi--key-plus {
--svg: url("data:image/svg+xml,");
}
.mdi--exit-run {
--svg: url("data:image/svg+xml,");
}
.mdi--electric-switch {
--svg: url("data:image/svg+xml,");
}
.mdi--electric-switch-closed {
--svg: url("data:image/svg+xml,");
}
.mdi--thumb-up-outline {
--svg: url("data:image/svg+xml,");
}
.mdi--thumb-down-outline {
--svg: url("data:image/svg+xml,");
}
.mdi--text-search-variant {
--svg: url("data:image/svg+xml,");
}
.mdi--arrow-up {
--svg: url("data:image/svg+xml,");
}
.mdi--arrow-down {
--svg: url("data:image/svg+xml,");
}
.mdi--account-multiple {
--svg: url("data:image/svg+xml,");
}
.mdi--triangle-down-outline {
--svg: url("data:image/svg+xml,");
}
.mdi--triangle-outline {
--svg: url("data:image/svg+xml,");
}
.mdi--triangle {
--svg: url("data:image/svg+xml,");
}
.mdi--triangle-down {
--svg: url("data:image/svg+xml,");
}
.mdi--credit-card-search-outline {
--svg: url("data:image/svg+xml,");
}
.mdi--check-outline {
--svg: url("data:image/svg+xml,");
}