Как сверстать такие иконки?

Question

[Faha1998]

https://snapster.io/
Как сделать такие дырявые кнопки?:D
что бы ховер работал только не на дырявою область

Answer 1

[Дмитрий Кравченко]

svg

Comments

[Faha1998]

Верю конечно, но это что это из разряда:
В любой непонятной ситуации используй svg
По точнее нету?

[Дмитрий Кравченко]

Фахриддин Абдурахимов: svg symbols решают проблему иконок в большинстве случаев

Answer 2

[Павел]

Нужно использовать svg объекты. path, polygon.
Средствами css пока не сделать, чтобы адекватно работало:
htmlbook.ru/blog/maskirovanie-v-css