<svg width="200px" height="200px" viewBox="0 0 200 200"> <!-- red --> <line x1="10" y1="10" x2="50" y2="10" style="stroke: red; stroke-width: 5;"/> <!-- light green --> <line x1="10" y1="20" x2="50" y2="20" style="stroke: #9f9; stroke-width: 5;"/> <!-- light blue --> <line x1="10" y1="30" x2="50" y2="30" style="stroke: #9999ff; stroke-width: 5;"/> <!-- medium orange --> <line x1="10" y1="40" x2="50" y2="40" style="stroke: rgb(255, 128, 64); stroke-width: 5;"/> <!-- deep purple --> <line x1="10" y1="50" x2="50" y2="50" style="stroke: rgb(60%, 20%, 60%); stroke-width: 5;"/> </svg>
Zoom