@skeleton-elements/vue/skeleton-avatar.css

Skeleton elements (aka UI Skeletons, Skeleton Screens, Ghost Elements) are representations of UI that will be available (loaded) soon. They are designed to improve perceived performance.

:root {
  --skeleton-color: #ccc;
  --skeleton-icon-color: rgba(0, 0, 0, 0.25); }

.skeleton-avatar {
  display: inline-block; }
  .skeleton-avatar svg {
    width: 100%;
    height: auto; }
  .skeleton-avatar rect {
    fill: var(--skeleton-color); }
  .skeleton-avatar path {
    fill: var(--skeleton-icon-color); }