.material-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* ICON MAPS */

.material-icon[data-icon="calendar_month"] {
  background-image: url("/static/icons/calendar_month.svg");
}

.material-icon[data-icon="chevron_left"] {
  background-image: url("/static/icons/chevron_left.svg");
}

.material-icon[data-icon="chevron_right"] {
  background-image: url("/static/icons/chevron_right.svg");
}

.material-icon[data-icon="file_copy"] {
  background-image: url("/static/icons/file_copy.svg");
}

.material-icon[data-icon="folder"] {
  background-image: url("/static/icons/folder.svg");
}

.material-icon[data-icon="home"] {
  background-image: url("/static/icons/home.svg");
}

.material-icon[data-icon="people"] {
  background-image: url("/static/icons/people.svg");
}

.material-icon[data-icon="pie_chart"] {
  background-image: url("/static/icons/pie_chart.svg");
}

.material-icon[data-icon="download"] {
  background-image: url("/static/icons/download.svg");
}

.material-icon[data-icon="visibility"] {
  background-image: url("/static/icons/visibility.svg");
}

.material-icon[data-icon="edit"] {
  background-image: url("/static/icons/edit.svg");
}

.material-icon[data-icon="delete"] {
  background-image: url("/static/icons/delete.svg");
}

.material-icon[data-icon="military_tech"] {
  background-image: url("/static/icons/military_tech.svg");
}

.material-icon[data-icon="account_circle"] {
  background-image: url("/static/icons/account_circle.svg");
}

.material-icon[data-icon="gavel"] {
  background-image: url("/static/icons/gavel.svg");
}

.material-icon[data-icon="bug_report"] {
  background-image: url("/static/icons/bug_report.svg");
}

.material-icon[data-icon="business"] {
  background-image: url("/static/icons/business.svg");
}

.material-icon[data-icon="contact_page"] {
  background-image: url("/static/icons/contact_page.svg");
}

.material-icon[data-icon="cookie"] {
  background-image: url("/static/icons/cookie.svg");
}

.material-icon[data-icon="help_center"] {
  background-image: url("/static/icons/help_center.svg");
}

.material-icon[data-icon="policy"] {
  background-image: url("/static/icons/policy.svg");
}

.material-icon[data-icon="privacy_tip"] {
  background-image: url("/static/icons/privacy_tip.svg");
}

.material-icon[data-icon="question_mark"] {
  background-image: url("/static/icons/question_mark.svg");
}

.material-icon[data-icon="lock"] {
  background-image: url("/static/icons/lock.svg");
}

.material-icon[data-icon="construction"] {
  background-image: url("/static/icons/construction.svg");
}

.material-icon[data-icon="monitor_heart"] {
  background-image: url("/static/icons/monitor_heart.svg");
}

.material-icon[data-icon="login"] {
  background-image: url("/static/icons/login.svg");
}

.material-icon[data-icon="person_add"] {
  background-image: url("/static/icons/person_add.svg");
}

.material-icon[data-icon="fingerprint"] {
  background-image: url("/static/icons/fingerprint.svg");
}

.material-icon[data-icon="help_outline"] {
  background-image: url("/static/icons/help_outline.svg");
}

.material-icon[data-icon="feedback"] {
  background-image: url("/static/icons/feedback.svg");
}

.material-icon[data-icon="error_404"] {
  background-image: url("/static/icons/error_outline.svg");
}