Servo logo

svg {
  viewBox: -50 -50 100 100 p 14;

  --r: 50;                 /* radius */
  --g: 3;                  /* half the width of a slit */
  --d: .618r;              /* inner corner, measured along a slit */
  --a: 2π/5;               /* one segment */
  --b: asin(g/r) * 180/π;  /* half angle of a slit at the rim, in degrees */

  path*5 {
    transform: rotate(@n(*72));
    fill: @pn.Mirror(#1192e8, #009d9a, #42be65);
    d: M $g $d @arc(r: $r; from: 90 - $b; to: 18 + $b)
       L $(d*sin(a) - g*cos(a)) $(d*cos(a) + g*sin(a)) Z;
  }
}