.demo-icon {
  display: inline-block;
  inline-size: 1.1em;
  block-size: 1.1em;
  vertical-align: -0.2em;
  background-color: currentColor;
  mask: var(--demo-icon, url('icons/unknown.svg')) center / contain no-repeat;
}
.demo-icon-alert-triangle { --demo-icon: url('icons/alert-triangle.svg'); }
.demo-icon-arrow-left { --demo-icon: url('icons/arrow-left.svg'); }
.demo-icon-arrow-right { --demo-icon: url('icons/arrow-right.svg'); }
.demo-icon-bar-chart-3 { --demo-icon: url('icons/bar-chart-3.svg'); }
.demo-icon-binary { --demo-icon: url('icons/binary.svg'); }
.demo-icon-book-open { --demo-icon: url('icons/book-open.svg'); }
.demo-icon-bookmark { --demo-icon: url('icons/bookmark.svg'); }
.demo-icon-box { --demo-icon: url('icons/box.svg'); }
.demo-icon-bug { --demo-icon: url('icons/bug.svg'); }
.demo-icon-calendar { --demo-icon: url('icons/calendar.svg'); }
.demo-icon-check-square { --demo-icon: url('icons/check-square.svg'); }
.demo-icon-check { --demo-icon: url('icons/check.svg'); }
.demo-icon-chevron-down { --demo-icon: url('icons/chevron-down.svg'); }
.demo-icon-chevron-left { --demo-icon: url('icons/chevron-left.svg'); }
.demo-icon-chevron-right { --demo-icon: url('icons/chevron-right.svg'); }
.demo-icon-chevron-up { --demo-icon: url('icons/chevron-up.svg'); }
.demo-icon-circle-dot { --demo-icon: url('icons/circle-dot.svg'); }
.demo-icon-clock { --demo-icon: url('icons/clock.svg'); }
.demo-icon-code { --demo-icon: url('icons/code.svg'); }
.demo-icon-copy { --demo-icon: url('icons/copy.svg'); }
.demo-icon-download { --demo-icon: url('icons/download.svg'); }
.demo-icon-expand { --demo-icon: url('icons/expand.svg'); }
.demo-icon-eye-off { --demo-icon: url('icons/eye-off.svg'); }
.demo-icon-eye { --demo-icon: url('icons/eye.svg'); }
.demo-icon-filter { --demo-icon: url('icons/filter.svg'); }
.demo-icon-help-circle { --demo-icon: url('icons/help-circle.svg'); }
.demo-icon-layers { --demo-icon: url('icons/layers.svg'); }
.demo-icon-layout-dashboard { --demo-icon: url('icons/layout-dashboard.svg'); }
.demo-icon-layout-panel-left { --demo-icon: url('icons/layout-panel-left.svg'); }
.demo-icon-link { --demo-icon: url('icons/link.svg'); }
.demo-icon-list { --demo-icon: url('icons/list.svg'); }
.demo-icon-lock { --demo-icon: url('icons/lock.svg'); }
.demo-icon-maximize { --demo-icon: url('icons/maximize.svg'); }
.demo-icon-minimize { --demo-icon: url('icons/minimize.svg'); }
.demo-icon-network { --demo-icon: url('icons/network.svg'); }
.demo-icon-panel-bottom { --demo-icon: url('icons/panel-bottom.svg'); }
.demo-icon-panel-left { --demo-icon: url('icons/panel-left.svg'); }
.demo-icon-panel-right-open { --demo-icon: url('icons/panel-right-open.svg'); }
.demo-icon-panel-right { --demo-icon: url('icons/panel-right.svg'); }
.demo-icon-panel-top { --demo-icon: url('icons/panel-top.svg'); }
.demo-icon-pause { --demo-icon: url('icons/pause.svg'); }
.demo-icon-pencil { --demo-icon: url('icons/pencil.svg'); }
.demo-icon-play { --demo-icon: url('icons/play.svg'); }
.demo-icon-plus { --demo-icon: url('icons/plus.svg'); }
.demo-icon-redo-2 { --demo-icon: url('icons/redo-2.svg'); }
.demo-icon-refresh-cw { --demo-icon: url('icons/refresh-cw.svg'); }
.demo-icon-rotate-ccw { --demo-icon: url('icons/rotate-ccw.svg'); }
.demo-icon-rotate-cw { --demo-icon: url('icons/rotate-cw.svg'); }
.demo-icon-search { --demo-icon: url('icons/search.svg'); }
.demo-icon-separator-vertical { --demo-icon: url('icons/separator-vertical.svg'); }
.demo-icon-share { --demo-icon: url('icons/share.svg'); }
.demo-icon-square { --demo-icon: url('icons/square.svg'); }
.demo-icon-table { --demo-icon: url('icons/table.svg'); }
.demo-icon-text { --demo-icon: url('icons/text.svg'); }
.demo-icon-trash-2 { --demo-icon: url('icons/trash-2.svg'); }
.demo-icon-trash { --demo-icon: url('icons/trash.svg'); }
.demo-icon-undo-2 { --demo-icon: url('icons/undo-2.svg'); }
.demo-icon-undo { --demo-icon: url('icons/undo.svg'); }
.demo-icon-unknown { --demo-icon: url('icons/unknown.svg'); }
.demo-icon-x { --demo-icon: url('icons/x.svg'); }
.demo-icon-zoom-in { --demo-icon: url('icons/zoom-in.svg'); }
.demo-icon-zoom-out { --demo-icon: url('icons/zoom-out.svg'); }