.icon-glyph {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-url);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: var(--icon-url);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.icon-message-plus {
  --icon-url: url("/static/ui/icons/message-plus.svg");
}

.icon-history {
  --icon-url: url("/static/ui/icons/history.svg");
}

.icon-settings-2 {
  --icon-url: url("/static/ui/icons/settings-2.svg");
}

.icon-book-2 {
  --icon-url: url("/static/ui/icons/book-2.svg");
}

.icon-folder-heart {
  --icon-url: url("/static/ui/icons/folder-heart.svg");
}

.icon-folder-open {
  --icon-url: url("/static/ui/icons/folder-open.svg");
}

.icon-bookmark {
  --icon-url: url("/static/ui/icons/bookmark.svg");
}

.icon-external-link {
  --icon-url: url("/static/ui/icons/external-link.svg");
}

.icon-tag {
  --icon-url: url("/static/ui/icons/tag.svg");
}

.icon-puzzle {
  --icon-url: url("/static/ui/icons/puzzle.svg");
}

.icon-user-circle {
  --icon-url: url("/static/ui/icons/user-circle.svg");
}

.icon-logout {
  --icon-url: url("/static/ui/icons/logout.svg");
}

.icon-chevron-left {
  --icon-url: url("/static/ui/icons/chevron-left.svg");
}

.icon-chevron-right {
  --icon-url: url("/static/ui/icons/chevron-right.svg");
}

.icon-flask-2 {
  --icon-url: url("/static/ui/icons/flask-2.svg");
}

.icon-sparkles {
  --icon-url: url("/static/ui/icons/sparkles.svg");
}

.icon-report-search {
  --icon-url: url("/static/ui/icons/report-search.svg");
}

.icon-flame {
  --icon-url: url("/static/ui/icons/flame.svg");
}

.icon-chart-funnel {
  --icon-url: url("/static/ui/icons/chart-funnel.svg");
}

.icon-share-3 {
  --icon-url: url("/static/ui/icons/share-3.svg");
}

.icon-database-search {
  --icon-url: url("/static/ui/icons/database-search.svg");
}

.icon-copy {
  --icon-url: url("/static/ui/icons/copy.svg");
}

.icon-markdown {
  --icon-url: url("/static/ui/icons/markdown.svg");
}

.icon-thumb-up {
  --icon-url: url("/static/ui/icons/thumb-up.svg");
}

.icon-thumb-down {
  --icon-url: url("/static/ui/icons/thumb-down.svg");
}

.icon-rotate-ccw {
  --icon-url: url("/static/ui/icons/rotate-ccw.svg");
}

.icon-trash-2 {
  --icon-url: url("/static/ui/icons/trash-2.svg");
}