<svg viewBox="-150 -150 300 300" width="200">
<g fill="gold">
<path id="path" d="M70,0 0,-150 -70,0" />
<g id="clone_group">
<use href="#path" class="f1" />
<use href="#path" class="f2" />
<use href="#path" class="f3" />
</g>
<use href="#clone_group" class="cg1"/>
<use href="#clone_group" class="cg2"/>
<use href="#clone_group" class="cg3"/>
<circle r="100" />
</g>
<text class="t1" y="-5" fill="#000">50</text>
<text class="t2" y="50" fill="#000">копеек</text>
</svg>
.f1{
transform: rotate(90deg)
}
.f2{
transform: rotate(30deg)
}
.f3{
transform: rotate(60deg)
}
.cg1{
transform: rotate(90deg)
}
.cg2{
transform: rotate(180deg)
}
.cg3{
transform: rotate(-90deg)
}
text{
text-anchor: middle;
dominant-baseline: middle;
font-family: sans-serif;
}
.t1{
font-size: 120px;
}
.t2{
font-size: 40px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.