SVG

 The following commands are available for path data:

  • M = moveto
  • L = lineto
  • H = horizontal lineto
  • V = vertical lineto
  • C = curveto
  • S = smooth curveto
  • Q = quadratic Bézier curve
  • T = smooth quadratic Bézier curveto
  • A = elliptical Arc
  • Z = closepath
Note: Capital letters means absolutely positioned, lower cases means relatively positioned.

Example:
<svg width="100%" viewBox="0 0 360 30" stroke="currentColor">
  <path d="m0 0 l0 30 l360 0 l0 -30 l-150 0 q-8 0 -10 10 c-5 20 -35 20 -40 0 q-2 -10 -10 -10 z" />
</svg>

Output:

Labels: ,

Edit This post
© copyright-2020 Rejaul