Laten we nog een voorbeeld tekenen met kubische en kwadratische Bézierkrommen.
De onderkant van deze klok wordt gedefinieerd met rechte lijnen.
<svg width="200px" height="200px" viewBox="-100 -100 200 200">
<path fill="#FDEA96" stroke="black" stroke-width="2" d="
M-50,40
L-50,50
L50,50
L50,40"
/>
</svg>
Dan begint een kwadratische Bézier de klokmantel.
<svg width="200px" height="200px" viewBox="-100 -100 200 200">
<path fill="#FDEA96" stroke="black" stroke-width="2" d="
M-50,40
L-50,50
L50,50
L50,40
Q40,40,40,10"
/>
</svg>
Daarna wordt de lijn voortgezet met een kubische Bézier om de top van de bel te vormen.
<svg width="200px" height="200px" viewBox="-100 -100 200 200">
<path fill="#FDEA96" stroke="black" stroke-width="2" d="
M-50,40
L-50,50
L50,50
L50,40
Q40,40,40,10
C40,-60,-40,-60,-40,10"
/>
</svg>
Dan bereiken we het onderste deel met nog een kwadratische Bézier die het spiegelbeeld vormt van de vorige.
<svg width="200px" height="200px" viewBox="-100 -100 200 200">
<path fill="#FDEA96" stroke="black" stroke-width="2" d="
M-50,40
L-50,50
L50,50
L50,40
Q40,40,40,10
C40,-60,-40,-60,-40,10
Q-40,40,-50,40"
/>
</svg>
We maken de klok af door twee cirkels toe te voegen voor de klepel en de hanger.
<svg width="200px" height="200px" viewBox="-100 -100 200 200">
<g stroke="black" stroke-width="2">
<circle cx="0" cy="-45" r="7" fill="#4F6D7A" />
<circle cx="0" cy="50" r="10" fill="#F79257" />
<path fill="#FDEA96" d="
M-50,40
L-50,50
L50,50
L50,40
Q40,40,40,10
C40,-60,-40,-60,-40,10
Q-40,40,-50,40"
/>
</g>
</svg>