.icon-svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  font-size: 24px;
  justify-self: center;
}

.icon-big {
    width: 100%;
    height: unset;
    aspect-ratio: 1;
}

/* --- Un mask-image par icône, ciblé via l'attribut data-icon --- */

.icon-svg[data-icon="menu"] {
  -webkit-mask-image: url("../svg/menu.svg");
  mask-image: url("../svg/menu.svg");
}
.icon-svg[data-icon="article"] {
  -webkit-mask-image: url("../svg/article.svg");
  mask-image: url("../svg/article.svg");
}
.icon-svg[data-icon="supervisor_account"] {
  -webkit-mask-image: url("../svg/supervisor_account.svg");
  mask-image: url("../svg/supervisor_account.svg");
}
.icon-svg[data-icon="verified"] {
  -webkit-mask-image: url("../svg/verified.svg");
  mask-image: url("../svg/verified.svg");
}
.icon-svg[data-icon="workspace_premium"] {
  -webkit-mask-image: url("../svg/workspace_premium.svg");
  mask-image: url("../svg/workspace_premium.svg");
}
.icon-svg[data-icon="public"] {
  -webkit-mask-image: url("../svg/public.svg");
  mask-image: url("../svg/public.svg");
}
.icon-svg[data-icon="favorite"] {
  -webkit-mask-image: url("../svg/favorite.svg");
  mask-image: url("../svg/favorite.svg");
}
.icon-svg[data-icon="psychology"] {
  -webkit-mask-image: url("../svg/psychology.svg");
  mask-image: url("../svg/psychology.svg");
}
.icon-svg[data-icon="local_fire_department"] {
  -webkit-mask-image: url("../svg/local_fire_department.svg");
  mask-image: url("../svg/local_fire_department.svg");
}
.icon-svg[data-icon="accessibility"] {
  -webkit-mask-image: url("../svg/accessibility.svg");
  mask-image: url("../svg/accessibility.svg");
}
.icon-svg[data-icon="air"] {
  -webkit-mask-image: url("../svg/air.svg");
  mask-image: url("../svg/air.svg");
}
.icon-svg[data-icon="gastroenterology"] {
  -webkit-mask-image: url("../svg/gastroenterology.svg");
  mask-image: url("../svg/gastroenterology.svg");
}
.icon-svg[data-icon="female"] {
  -webkit-mask-image: url("../svg/female.svg");
  mask-image: url("../svg/female.svg");
}
.icon-svg[data-icon="bloodtype"] {
  -webkit-mask-image: url("../svg/bloodtype.svg");
  mask-image: url("../svg/bloodtype.svg");
}
.icon-svg[data-icon="spa"] {
  -webkit-mask-image: url("../svg/spa.svg");
  mask-image: url("../svg/spa.svg");
}
.icon-svg[data-icon="arrow_forward"] {
  -webkit-mask-image: url("../svg/arrow_forward.svg");
  mask-image: url("../svg/arrow_forward.svg");
}
.icon-svg[data-icon="forum"] {
  -webkit-mask-image: url("../svg/forum.svg");
  mask-image: url("../svg/forum.svg");
}
.icon-svg[data-icon="assignment"] {
  -webkit-mask-image: url("../svg/assignment.svg");
  mask-image: url("../svg/assignment.svg");
}
.icon-svg[data-icon="redeem"] {
  -webkit-mask-image: url("../svg/redeem.svg");
  mask-image: url("../svg/redeem.svg");
}
.icon-svg[data-icon="calendar_month"] {
  -webkit-mask-image: url("../svg/calendar_month.svg");
  mask-image: url("../svg/calendar_month.svg");
}
.icon-svg[data-icon="diamond"] {
  -webkit-mask-image: url("../svg/diamond.svg");
  mask-image: url("../svg/diamond.svg");
}
.icon-svg[data-icon="call"] {
  -webkit-mask-image: url("../svg/call.svg");
  mask-image: url("../svg/call.svg");
}
.icon-svg[data-icon="chat"] {
  -webkit-mask-image: url("../svg/chat.svg");
  mask-image: url("../svg/chat.svg");
}
.icon-svg[data-icon="article_person"] {
  -webkit-mask-image: url("../svg/article_person.svg");
  mask-image: url("../svg/article_person.svg");
}
.icon-svg[data-icon="location_on"] {
  -webkit-mask-image: url("../svg/location_on.svg");
  mask-image: url("../svg/location_on.svg");
}
.icon-svg[data-icon="video_chat"] {
  -webkit-mask-image: url("../svg/video_chat.svg");
  mask-image: url("../svg/video_chat.svg");
}
.icon-svg[data-icon="storefront"] {
  -webkit-mask-image: url("../svg/storefront.svg");
  mask-image: url("../svg/storefront.svg");
}
.icon-svg[data-icon="psychiatry"] {
  -webkit-mask-image: url("../svg/psychiatry.svg");
  mask-image: url("../svg/psychiatry.svg");
}
.icon-svg[data-icon="self_improvement"] {
  -webkit-mask-image: url("../svg/self_improvement.svg");
  mask-image: url("../svg/self_improvement.svg");
}
.icon-svg[data-icon="school"] {
  -webkit-mask-image: url("../svg/school.svg");
  mask-image: url("../svg/school.svg");
}
.icon-svg[data-icon="auto_stories"] {
  -webkit-mask-image: url("../svg/auto_stories.svg");
  mask-image: url("../svg/auto_stories.svg");
}


.icon-svg[data-icon="monitor-screenshot"] {
  -webkit-mask-image: url("../svg/monitor-screenshot.svg");
  mask-image: url("../svg/monitor-screenshot.svg");
}
.icon-svg[data-icon="whatsapp"] {
  -webkit-mask-image: url("../svg/whatsapp.svg");
  mask-image: url("../svg/whatsapp.svg");
}
.icon-svg[data-icon="leaf"] {
  -webkit-mask-image: url("../svg/leaf.svg");
  mask-image: url("../svg/leaf.svg");
}
.icon-svg[data-icon="instagram"] {
  -webkit-mask-image: url("../svg/instagram.svg");
  mask-image: url("../svg/instagram.svg");
}
.icon-svg[data-icon="sprout"] {
  -webkit-mask-image: url("../svg/sprout.svg");
  mask-image: url("../svg/sprout.svg");
}
.icon-svg[data-icon="shield-check"] {
  -webkit-mask-image: url("../svg/shield-check.svg");
  mask-image: url("../svg/shield-check.svg");
}
.icon-svg[data-icon="heart"] {
  -webkit-mask-image: url("../svg/heart.svg");
  mask-image: url("../svg/heart.svg");
}
.icon-svg[data-icon="chevron-right"] {
  -webkit-mask-image: url("../svg/chevron-right.svg");
  mask-image: url("../svg/chevron-right.svg");
}