Я определил clipPath в SVG id="clip-r"
и хочу применить этот путь к элементу use
, например: <use xlink:href="#ver" transform="rotate(120 2500 2500)" fill="black" clip-path="url(#clip-r)"/>
См. Пример: https://codepen.io/lieferant/pen/XWbWqQK?editors=1010
Я ожидаю, что это произойдет: 
Но на самом деле Clippath, кажется, не работает, и результат выглядит так: 
Что я делаю не так?