Установка кастомного курсора через css ломает картинку, как исправить?

Question

[BanterFace]

2160х1440, 216dpi, хром.
При установке через css кастомного курсора
cursor: url(link), default;
Картинка, которая служит его источником (png), искажается\сжимается\пикселизируется, в общем, теряет в качестве.
Оригинал:

Как выглядит курсор:

Как выглядит уменьшенная картинка (мой идеал):


Вопросы:
    1. Что же с этим делать, если действовать средствами CSS? Возможно, я как-то не так устанавливаю курсор? Пример.
    2. Возможно ли как-то пофиксить средствами js и есть ли готовый код для этого. Например, скрыть текущий курсор и вставить на страницу div с картинкой, который будет нормально отображаться.

Answer 1

[aloky]

svg иконки используйте.