/* Add this to your main input CSS file (e.g., assets/css/main.css) */
@layer utilities {
  .icon-swimmer {
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* Tabler Swimming SVG Code */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path stroke='none' d='M0 0h24v24H0z' fill='none'/><path d='M16 9a1 1 0 1 0 2 0a1 1 0 0 0 -2 0' /><path d='M6 11l4 -2l3.5 2.5l4.5 -1v2' /><path d='M3 16c1.667 0 2.5 -1 3.5 -1s1.833 1 3.5 1s2.5 -1 3.5 -1s1.833 1 3.5 1s2.5 -1 3.5 -1' /></svg>");
  }
}