Tenho quase certeza de que isso está relacionado à forma como o Chrome reduz a escala das imagens, se, por exemplo, você abrir o inspetor do navegador e definir um emoji para as dimensões intrínsecas (72px quadrado neste caso)… a imagem fica nítida:
Mais alguns exemplos:
72 / 36 = 2 emoji nítido
72 / 37 = 1.945 emoji borrado
Renderizamos emojis em 20px, então:
72 / 20 = 3.6 emoji borrado
Em teoria, isso desapareceria se usássemos imagens de 60px para emojis em vez de 72px? Embora eu me pergunte se isso está relacionado à densidade de pixels/escalonamento… alguns dispositivos usam 2X, alguns usam 3X
SVGs e fontes coloridas seriam uma maneira melhor de resolvê-los, mas ainda defendo a solução apenas com CSS. CSS não é minha especialidade, mas essa parece ser a que causa menos problemas.