.hr {
  display: inline-block;
  width: 24px;
  aspect-ratio: 1 / 1;
  vertical-align: middle;
  fill: currentColor;
  stroke: currentColor;
}

.hr_lazy {
  border-radius: 10px;
  background: linear-gradient(48deg, #f1f1f1, #f9f9f9, #f1f1f1);
  background-size: 600% 600%;
  animation: AnimationName 2s ease infinite;
}

.hr use {
  pointer-events: none;
}

i.hr_nothing {
  background: blue;
}

@keyframes AnimationName {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}