.hgi-icon {
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;
background-position: 0 0;
background-size: 24px 24px;
padding: 0;
font-size: 24px;
text-align: center;
line-height: 24px;
flex-shrink: 0;
border: none;
background-color: transparent;
outline: none !important;
}
/* HGI Icons */
.hgi-icon.hgi-home {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-luggage {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-sparkle {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-list {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-setting {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-action {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-database {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-pavilon {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-mask {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-library {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-bank {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-multiple-user {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-folder {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-files {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-hub {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-volleyball {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-pinpoint {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-location {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-store {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-hotel {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-briefcase {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-group-user {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-news {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-resources {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-building {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-bookmark {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-certificate {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-chart {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-chart-line {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-pie-chart {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-presentation {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-account-setting {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-translation {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-history {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-edit {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-delete {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-check {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-cancel {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-danger {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-success {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-info {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-warning {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-add {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-download {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dish {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-support {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-barn {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dropdown {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-user {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-plane {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-gym {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-yoga {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-filter {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-sorting {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-add2 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-table {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-grid {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-paragraph {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-complaint {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-datetime {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-report {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-status {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-breadcrum {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-tag {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-answer {
background-image: url('data:image/svg+xml,');
}
/****************ICON TRÌNH DIỄN*******************/
.hgi-icon.hgi-phone {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-mail {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-web {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-chevron-left {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-chevron-right {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-share {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-white-arrow {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-reward {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-address {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-tag-phone {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-tag-mail {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-tag-web {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-star-fill {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-calendar {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-group {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-white-location {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-phone-label {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-certificate-label {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-globe-label {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-users {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-money {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-share-alt {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-arrow-left {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-map-marker {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-car {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-clock {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-map-blue {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-information {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-refresh {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-move {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-cancel-grey {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-telephone {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-edit-2 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-review {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-sync-image {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-ai-hotel {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-ai-resort {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-ai-motel {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-ai-villa {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-ai-homestay {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-ai-guest-house {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-ai-ship {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-ai-tourist-villa {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-voice {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-pause-voice {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-mail-01 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-smart-phone-01 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-location-01 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-calendar-03 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-comment-01 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-flag-02 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-user-edit {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-lock-password {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-edit-02 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-search-01 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-maps-location-01 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-clock-01 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-cash-02 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-chat-edit {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-information-circle {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-download-04 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-share-08 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-star {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-checkmark-circle-filled {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-checkmark-circle-unfilled {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-arrow-left-01 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-view-off-slash {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-arrow-right-01 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-more-horizontal {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-info-circle {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-call {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-exchange {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-exchange-black {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-map-black {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-volume-high {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-globe {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-login {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-leading {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-direction-black {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-vr {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-floppy-disk {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-copy {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-translate {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-confirmed {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-receive {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-denied {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-warning {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-history {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-json {
background-image: url('data:image/svg+xml,');
}
/* HGI Icons for Dashboard */
.hgi-icon.hgi-dashboard {
background-size: contain;
}
.hgi-icon.hgi-dashboard.hgi-database {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-bed {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-map {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-file-spreadsheet {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-users {}
.hgi-icon.hgi-dashboard.hgi-cpu {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-arrow-down-left {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-trending-up {}
.hgi-icon.hgi-dashboard.hgi-arrow-up-right {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-hotel {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-utensils {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-briefcase {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-bookmark {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-alert-triangle {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-user {}
.hgi-icon.hgi-dashboard.hgi-star {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-shield-alert {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-clock {}
.hgi-icon.hgi-dashboard.hgi-coffee {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-truck {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-building-2 {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-map-pin {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-compass {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-bus {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-event {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-festival {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-file-text {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-flag {
background-image: url('data:image/svg+xml,');
}
.hgi-icon.hgi-dashboard.hgi-circle {}