:host {
  display: inline-block;
  height: 1em;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  margin: 0em var(--icon-distance-from-text) 0em 0em;
  font-size: inherit;
  vertical-align: text-top;
}
.icon {
  display: inherit;
  vertical-align: top;
  opacity: var(--icon-opacity);
  width: var(--icon-width);
  height: var(--icon-height);
  background-color: currentColor;
  mask-image: linear-gradient(transparent, transparent);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  backface-visibility: hidden;
  fill: currentColor;
  speak: none;
}
/* Note link is changed to linkify for compatibility */
.icon.activity { mask-image: var(--icon-activity-svg); }
.icon.airplay { mask-image: var(--icon-airplay-svg); }
.icon.alert-circle { mask-image: var(--icon-alert-circle-svg); }
.icon.alert-octagon { mask-image: var(--icon-alert-octagon-svg); }
.icon.alert-triangle { mask-image: var(--icon-alert-triangle-svg); }
.icon.align-center { mask-image: var(--icon-align-center-svg); }
.icon.align-justify { mask-image: var(--icon-align-justify-svg); }
.icon.align-left { mask-image: var(--icon-align-left-svg); }
.icon.align-right { mask-image: var(--icon-align-right-svg); }
.icon.anchor { mask-image: var(--icon-anchor-svg); }
.icon.aperture { mask-image: var(--icon-aperture-svg); }
.icon.archive { mask-image: var(--icon-archive-svg); }
.icon.arrow-down-circle { mask-image: var(--icon-arrow-down-circle-svg); }
.icon.arrow-down-left { mask-image: var(--icon-arrow-down-left-svg); }
.icon.arrow-down-right { mask-image: var(--icon-arrow-down-right-svg); }
.icon.arrow-down { mask-image: var(--icon-arrow-down-svg); }
.icon.arrow-left-circle { mask-image: var(--icon-arrow-left-circle-svg); }
.icon.arrow-left { mask-image: var(--icon-arrow-left-svg); }
.icon.arrow-right-circle { mask-image: var(--icon-arrow-right-circle-svg); }
.icon.arrow-right { mask-image: var(--icon-arrow-right-svg); }
.icon.arrow-up-circle { mask-image: var(--icon-arrow-up-circle-svg); }
.icon.arrow-up-left { mask-image: var(--icon-arrow-up-left-svg); }
.icon.arrow-up-right { mask-image: var(--icon-arrow-up-right-svg); }
.icon.arrow-up { mask-image: var(--icon-arrow-up-svg); }
.icon.at-sign { mask-image: var(--icon-at-sign-svg); }
.icon.award { mask-image: var(--icon-award-svg); }
.icon.bar-chart-2 { mask-image: var(--icon-bar-chart-2-svg); }
.icon.bar-chart { mask-image: var(--icon-bar-chart-svg); }
.icon.battery-charging { mask-image: var(--icon-battery-charging-svg); }
.icon.battery { mask-image: var(--icon-battery-svg); }
.icon.bell-off { mask-image: var(--icon-bell-off-svg); }
.icon.bell { mask-image: var(--icon-bell-svg); }
.icon.bluetooth { mask-image: var(--icon-bluetooth-svg); }
.icon.bold { mask-image: var(--icon-bold-svg); }
.icon.bookmark { mask-image: var(--icon-bookmark-svg); }
.icon.book-open { mask-image: var(--icon-book-open-svg); }
.icon.book { mask-image: var(--icon-book-svg); }
.icon.box { mask-image: var(--icon-box-svg); }
.icon.briefcase { mask-image: var(--icon-briefcase-svg); }
.icon.calendar { mask-image: var(--icon-calendar-svg); }
.icon.camera-off { mask-image: var(--icon-camera-off-svg); }
.icon.camera { mask-image: var(--icon-camera-svg); }
.icon.cast { mask-image: var(--icon-cast-svg); }
.icon.check-circle { mask-image: var(--icon-check-circle-svg); }
.icon.check-square { mask-image: var(--icon-check-square-svg); }
.icon.check { mask-image: var(--icon-check-svg); }
.icon.chevron-down { mask-image: var(--icon-chevron-down-svg); }
.icon.chevron-left { mask-image: var(--icon-chevron-left-svg); }
.icon.chevron-right { mask-image: var(--icon-chevron-right-svg); }
.icon.chevrons-down { mask-image: var(--icon-chevrons-down-svg); }
.icon.chevrons-left { mask-image: var(--icon-chevrons-left-svg); }
.icon.chevrons-right { mask-image: var(--icon-chevrons-right-svg); }
.icon.chevrons-up { mask-image: var(--icon-chevrons-up-svg); }
.icon.chevron-up { mask-image: var(--icon-chevron-up-svg); }
.icon.chrome { mask-image: var(--icon-chrome-svg); }
.icon.circle { mask-image: var(--icon-circle-svg); }
.icon.clipboard { mask-image: var(--icon-clipboard-svg); }
.icon.clock { mask-image: var(--icon-clock-svg); }
.icon.cloud-drizzle { mask-image: var(--icon-cloud-drizzle-svg); }
.icon.cloud-lightning { mask-image: var(--icon-cloud-lightning-svg); }
.icon.cloud-off { mask-image: var(--icon-cloud-off-svg); }
.icon.cloud-rain { mask-image: var(--icon-cloud-rain-svg); }
.icon.cloud-snow { mask-image: var(--icon-cloud-snow-svg); }
.icon.cloud { mask-image: var(--icon-cloud-svg); }
.icon.codepen { mask-image: var(--icon-codepen-svg); }
.icon.codesandbox { mask-image: var(--icon-codesandbox-svg); }
.icon.code { mask-image: var(--icon-code-svg); }
.icon.coffee { mask-image: var(--icon-coffee-svg); }
.icon.columns { mask-image: var(--icon-columns-svg); }
.icon.command { mask-image: var(--icon-command-svg); }
.icon.compass { mask-image: var(--icon-compass-svg); }
.icon.copy { mask-image: var(--icon-copy-svg); }
.icon.corner-down-left { mask-image: var(--icon-corner-down-left-svg); }
.icon.corner-down-right { mask-image: var(--icon-corner-down-right-svg); }
.icon.corner-left-down { mask-image: var(--icon-corner-left-down-svg); }
.icon.corner-left-up { mask-image: var(--icon-corner-left-up-svg); }
.icon.corner-right-down { mask-image: var(--icon-corner-right-down-svg); }
.icon.corner-right-up { mask-image: var(--icon-corner-right-up-svg); }
.icon.corner-up-left { mask-image: var(--icon-corner-up-left-svg); }
.icon.corner-up-right { mask-image: var(--icon-corner-up-right-svg); }
.icon.cpu { mask-image: var(--icon-cpu-svg); }
.icon.credit-card { mask-image: var(--icon-credit-card-svg); }
.icon.crop { mask-image: var(--icon-crop-svg); }
.icon.crosshair { mask-image: var(--icon-crosshair-svg); }
.icon.database { mask-image: var(--icon-database-svg); }
.icon.delete { mask-image: var(--icon-delete-svg); }
.icon.disc { mask-image: var(--icon-disc-svg); }
.icon.divide-circle { mask-image: var(--icon-divide-circle-svg); }
.icon.divide-square { mask-image: var(--icon-divide-square-svg); }
.icon.divide { mask-image: var(--icon-divide-svg); }
.icon.dollar-sign { mask-image: var(--icon-dollar-sign-svg); }
.icon.download-cloud { mask-image: var(--icon-download-cloud-svg); }
.icon.download { mask-image: var(--icon-download-svg); }
.icon.dribbble { mask-image: var(--icon-dribbble-svg); }
.icon.droplet { mask-image: var(--icon-droplet-svg); }
.icon.edit-2 { mask-image: var(--icon-edit-2-svg); }
.icon.edit-3 { mask-image: var(--icon-edit-3-svg); }
.icon.edit { mask-image: var(--icon-edit-svg); }
.icon.external-link { mask-image: var(--icon-external-link-svg); }
.icon.eye-off { mask-image: var(--icon-eye-off-svg); }
.icon.eye { mask-image: var(--icon-eye-svg); }
.icon.facebook { mask-image: var(--icon-facebook-svg); }
.icon.fast-forward { mask-image: var(--icon-fast-forward-svg); }
.icon.feather { mask-image: var(--icon-feather-svg); }
.icon.figma { mask-image: var(--icon-figma-svg); }
.icon.file-minus { mask-image: var(--icon-file-minus-svg); }
.icon.file-plus { mask-image: var(--icon-file-plus-svg); }
.icon.file { mask-image: var(--icon-file-svg); }
.icon.file-text { mask-image: var(--icon-file-text-svg); }
.icon.film { mask-image: var(--icon-film-svg); }
.icon.filter { mask-image: var(--icon-filter-svg); }
.icon.flag { mask-image: var(--icon-flag-svg); }
.icon.folder-minus { mask-image: var(--icon-folder-minus-svg); }
.icon.folder-plus { mask-image: var(--icon-folder-plus-svg); }
.icon.folder { mask-image: var(--icon-folder-svg); }
.icon.framer { mask-image: var(--icon-framer-svg); }
.icon.frown { mask-image: var(--icon-frown-svg); }
.icon.gift { mask-image: var(--icon-gift-svg); }
.icon.git-branch { mask-image: var(--icon-git-branch-svg); }
.icon.git-commit { mask-image: var(--icon-git-commit-svg); }
.icon.github { mask-image: var(--icon-github-svg); }
.icon.gitlab { mask-image: var(--icon-gitlab-svg); }
.icon.git-merge { mask-image: var(--icon-git-merge-svg); }
.icon.git-pull-request { mask-image: var(--icon-git-pull-request-svg); }
.icon.globe { mask-image: var(--icon-globe-svg); }
.icon.grid { mask-image: var(--icon-grid-svg); }
.icon.hard-drive { mask-image: var(--icon-hard-drive-svg); }
.icon.hash { mask-image: var(--icon-hash-svg); }
.icon.headphones { mask-image: var(--icon-headphones-svg); }
.icon.heart { mask-image: var(--icon-heart-svg); }
.icon.help-circle { mask-image: var(--icon-help-circle-svg); }
.icon.hexagon { mask-image: var(--icon-hexagon-svg); }
.icon.home { mask-image: var(--icon-home-svg); }
.icon.image { mask-image: var(--icon-image-svg); }
.icon.inbox { mask-image: var(--icon-inbox-svg); }
.icon.info { mask-image: var(--icon-info-svg); }
.icon.instagram { mask-image: var(--icon-instagram-svg); }
.icon.italic { mask-image: var(--icon-italic-svg); }
.icon.key { mask-image: var(--icon-key-svg); }
.icon.layers { mask-image: var(--icon-layers-svg); }
.icon.layout { mask-image: var(--icon-layout-svg); }
.icon.life-buoy { mask-image: var(--icon-life-buoy-svg); }
.icon.linkify-2 { mask-image: var(--icon-linkify-2-svg); }
.icon.linkedin { mask-image: var(--icon-linkedin-svg); }
.icon.linkify { mask-image: var(--icon-linkify-svg); }
.icon.list { mask-image: var(--icon-list-svg); }
.icon.loader { mask-image: var(--icon-loader-svg); }
.icon.lock { mask-image: var(--icon-lock-svg); }
.icon.log-in { mask-image: var(--icon-log-in-svg); }
.icon.log-out { mask-image: var(--icon-log-out-svg); }
.icon.mail { mask-image: var(--icon-mail-svg); }
.icon.map-pin { mask-image: var(--icon-map-pin-svg); }
.icon.map { mask-image: var(--icon-map-svg); }
.icon.maximize-2 { mask-image: var(--icon-maximize-2-svg); }
.icon.maximize { mask-image: var(--icon-maximize-svg); }
.icon.meh { mask-image: var(--icon-meh-svg); }
.icon.menu { mask-image: var(--icon-menu-svg); }
.icon.message-circle { mask-image: var(--icon-message-circle-svg); }
.icon.message-square { mask-image: var(--icon-message-square-svg); }
.icon.mic-off { mask-image: var(--icon-mic-off-svg); }
.icon.mic { mask-image: var(--icon-mic-svg); }
.icon.minimize-2 { mask-image: var(--icon-minimize-2-svg); }
.icon.minimize { mask-image: var(--icon-minimize-svg); }
.icon.minus-circle { mask-image: var(--icon-minus-circle-svg); }
.icon.minus-square { mask-image: var(--icon-minus-square-svg); }
.icon.minus { mask-image: var(--icon-minus-svg); }
.icon.monitor { mask-image: var(--icon-monitor-svg); }
.icon.moon { mask-image: var(--icon-moon-svg); }
.icon.more-horizontal { mask-image: var(--icon-more-horizontal-svg); }
.icon.more-vertical { mask-image: var(--icon-more-vertical-svg); }
.icon.mouse-pointer { mask-image: var(--icon-mouse-pointer-svg); }
.icon.move { mask-image: var(--icon-move-svg); }
.icon.music { mask-image: var(--icon-music-svg); }
.icon.navigation-2 { mask-image: var(--icon-navigation-2-svg); }
.icon.navigation { mask-image: var(--icon-navigation-svg); }
.icon.octagon { mask-image: var(--icon-octagon-svg); }
.icon.package { mask-image: var(--icon-package-svg); }
.icon.paperclip { mask-image: var(--icon-paperclip-svg); }
.icon.pause-circle { mask-image: var(--icon-pause-circle-svg); }
.icon.pause { mask-image: var(--icon-pause-svg); }
.icon.pen-tool { mask-image: var(--icon-pen-tool-svg); }
.icon.percent { mask-image: var(--icon-percent-svg); }
.icon.phone-call { mask-image: var(--icon-phone-call-svg); }
.icon.phone-forwarded { mask-image: var(--icon-phone-forwarded-svg); }
.icon.phone-incoming { mask-image: var(--icon-phone-incoming-svg); }
.icon.phone-missed { mask-image: var(--icon-phone-missed-svg); }
.icon.phone-off { mask-image: var(--icon-phone-off-svg); }
.icon.phone-outgoing { mask-image: var(--icon-phone-outgoing-svg); }
.icon.phone { mask-image: var(--icon-phone-svg); }
.icon.pie-chart { mask-image: var(--icon-pie-chart-svg); }
.icon.play-circle { mask-image: var(--icon-play-circle-svg); }
.icon.play { mask-image: var(--icon-play-svg); }
.icon.plus-circle { mask-image: var(--icon-plus-circle-svg); }
.icon.plus-square { mask-image: var(--icon-plus-square-svg); }
.icon.plus { mask-image: var(--icon-plus-svg); }
.icon.pocket { mask-image: var(--icon-pocket-svg); }
.icon.power { mask-image: var(--icon-power-svg); }
.icon.printer { mask-image: var(--icon-printer-svg); }
.icon.radio { mask-image: var(--icon-radio-svg); }
.icon.refresh-ccw { mask-image: var(--icon-refresh-ccw-svg); }
.icon.refresh-cw { mask-image: var(--icon-refresh-cw-svg); }
.icon.repeat { mask-image: var(--icon-repeat-svg); }
.icon.rewind { mask-image: var(--icon-rewind-svg); }
.icon.rotate-ccw { mask-image: var(--icon-rotate-ccw-svg); }
.icon.rotate-cw { mask-image: var(--icon-rotate-cw-svg); }
.icon.rss { mask-image: var(--icon-rss-svg); }
.icon.save { mask-image: var(--icon-save-svg); }
.icon.scissors { mask-image: var(--icon-scissors-svg); }
.icon.search { mask-image: var(--icon-search-svg); }
.icon.send { mask-image: var(--icon-send-svg); }
.icon.server { mask-image: var(--icon-server-svg); }
.icon.settings { mask-image: var(--icon-settings-svg); }
.icon.share-2 { mask-image: var(--icon-share-2-svg); }
.icon.share { mask-image: var(--icon-share-svg); }
.icon.shield-off { mask-image: var(--icon-shield-off-svg); }
.icon.shield { mask-image: var(--icon-shield-svg); }
.icon.shopping-bag { mask-image: var(--icon-shopping-bag-svg); }
.icon.shopping-cart { mask-image: var(--icon-shopping-cart-svg); }
.icon.shuffle { mask-image: var(--icon-shuffle-svg); }
.icon.sidebar { mask-image: var(--icon-sidebar-svg); }
.icon.skip-back { mask-image: var(--icon-skip-back-svg); }
.icon.skip-forward { mask-image: var(--icon-skip-forward-svg); }
.icon.slack { mask-image: var(--icon-slack-svg); }
.icon.slash { mask-image: var(--icon-slash-svg); }
.icon.sliders { mask-image: var(--icon-sliders-svg); }
.icon.smartphone { mask-image: var(--icon-smartphone-svg); }
.icon.smile { mask-image: var(--icon-smile-svg); }
.icon.speaker { mask-image: var(--icon-speaker-svg); }
.icon.square { mask-image: var(--icon-square-svg); }
.icon.star { mask-image: var(--icon-star-svg); }
.icon.stop-circle { mask-image: var(--icon-stop-circle-svg); }
.icon.sunrise { mask-image: var(--icon-sunrise-svg); }
.icon.sunset { mask-image: var(--icon-sunset-svg); }
.icon.sun { mask-image: var(--icon-sun-svg); }
.icon.table { mask-image: var(--icon-table-svg); }
.icon.tablet { mask-image: var(--icon-tablet-svg); }
.icon.tag { mask-image: var(--icon-tag-svg); }
.icon.target { mask-image: var(--icon-target-svg); }
.icon.terminal { mask-image: var(--icon-terminal-svg); }
.icon.thermometer { mask-image: var(--icon-thermometer-svg); }
.icon.thumbs-down { mask-image: var(--icon-thumbs-down-svg); }
.icon.thumbs-up { mask-image: var(--icon-thumbs-up-svg); }
.icon.toggle-left { mask-image: var(--icon-toggle-left-svg); }
.icon.toggle-right { mask-image: var(--icon-toggle-right-svg); }
.icon.tool { mask-image: var(--icon-tool-svg); }
.icon.trash-2 { mask-image: var(--icon-trash-2-svg); }
.icon.trash { mask-image: var(--icon-trash-svg); }
.icon.trello { mask-image: var(--icon-trello-svg); }
.icon.trending-down { mask-image: var(--icon-trending-down-svg); }
.icon.trending-up { mask-image: var(--icon-trending-up-svg); }
.icon.triangle { mask-image: var(--icon-triangle-svg); }
.icon.truck { mask-image: var(--icon-truck-svg); }
.icon.tv { mask-image: var(--icon-tv-svg); }
.icon.twitch { mask-image: var(--icon-twitch-svg); }
.icon.twitter { mask-image: var(--icon-twitter-svg); }
.icon.type { mask-image: var(--icon-type-svg); }
.icon.umbrella { mask-image: var(--icon-umbrella-svg); }
.icon.underline { mask-image: var(--icon-underline-svg); }
.icon.unlock { mask-image: var(--icon-unlock-svg); }
.icon.upload-cloud { mask-image: var(--icon-upload-cloud-svg); }
.icon.upload { mask-image: var(--icon-upload-svg); }
.icon.user-check { mask-image: var(--icon-user-check-svg); }
.icon.user-minus { mask-image: var(--icon-user-minus-svg); }
.icon.user-plus { mask-image: var(--icon-user-plus-svg); }
.icon.users { mask-image: var(--icon-users-svg); }
.icon.user { mask-image: var(--icon-user-svg); }
.icon.user-x { mask-image: var(--icon-user-x-svg); }
.icon.video-off { mask-image: var(--icon-video-off-svg); }
.icon.video { mask-image: var(--icon-video-svg); }
.icon.voicemail { mask-image: var(--icon-voicemail-svg); }
.icon.volume-1 { mask-image: var(--icon-volume-1-svg); }
.icon.volume-2 { mask-image: var(--icon-volume-2-svg); }
.icon.volume { mask-image: var(--icon-volume-svg); }
.icon.volume-x { mask-image: var(--icon-volume-x-svg); }
.icon.watch { mask-image: var(--icon-watch-svg); }
.icon.wifi-off { mask-image: var(--icon-wifi-off-svg); }
.icon.wifi { mask-image: var(--icon-wifi-svg); }
.icon.wind { mask-image: var(--icon-wind-svg); }
.icon.x-circle { mask-image: var(--icon-x-circle-svg); }
.icon.x-octagon { mask-image: var(--icon-x-octagon-svg); }
.icon.x-square { mask-image: var(--icon-x-square-svg); }
.icon.x { mask-image: var(--icon-x-svg); }
.icon.youtube { mask-image: var(--icon-youtube-svg); }
.icon.zap-off { mask-image: var(--icon-zap-off-svg); }
.icon.zap { mask-image: var(--icon-zap-svg); }
.icon.zoom-in { mask-image: var(--icon-zoom-in-svg); }
.icon.zoom-out { mask-image: var(--icon-zoom-out-svg); }