<svg>
  <defs>
    <filter id="shadow">
      <feDropShadow dx="0" dy="0" stdDeviation="5" flood-color="red"/>
    </filter>
    <mask id="pathMask">
      <rect width="100%" height="100%" fill="#fff"/>
      <path d="M27,91A107.24,107.24,0,0,1,43,70.11a145.27,145.27,0,0,1,20.15-17.2,175.57,175.57,0,0,1,47.64-23.8c17.06-5.47,35.24-8.38,53.69-7.22a107.76,107.76,0,0,1,27.46,5.3A91.65,91.65,0,0,1,217.3,40.36l.07,0a8.51,8.51,0,0,1-10.13,13.67c-.18-.14-.37-.29-.54-.44a76,76,0,0,0-20.07-12.55,94.3,94.3,0,0,0-23.49-6.52c-16.37-2.39-33.53-1.15-50.11,2.74A168.71,168.71,0,0,0,65.44,56.47a142.93,142.93,0,0,0-21,15.18A105.66,105.66,0,0,0,27,91Z"/>
    </mask>
  </defs>
  
  <path mask="url(#pathMask)" filter="url(#shadow)" fill="red" d="M27,91A107.24,107.24,0,0,1,43,70.11a145.27,145.27,0,0,1,20.15-17.2,175.57,175.57,0,0,1,47.64-23.8c17.06-5.47,35.24-8.38,53.69-7.22a107.76,107.76,0,0,1,27.46,5.3A91.65,91.65,0,0,1,217.3,40.36l.07,0a8.51,8.51,0,0,1-10.13,13.67c-.18-.14-.37-.29-.54-.44a76,76,0,0,0-20.07-12.55,94.3,94.3,0,0,0-23.49-6.52c-16.37-2.39-33.53-1.15-50.11,2.74A168.71,168.71,0,0,0,65.44,56.47a142.93,142.93,0,0,0-21,15.18A105.66,105.66,0,0,0,27,91Z"/>
</svg>

body {
  margin: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23969696' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
}