Create a simple SVG learning task

8.1. Create a simple SVG learning task#

Exercise 8.1

Learn how to manually create an SVG image

Review MDN’s basic shapes tutorial
Fork the Simple inline SVG Codepen.
Save the Codepen to your account.
In the Codepen, add markup to the <svg> element to create a simple image. Ideas include an X, a hamburger menu (2 or 3 stacked lines), a check mark or a circle. Review the icons on Feather icons for ideas.

Make sure all of the image displays – adding line caps and stroke width increases the width of an SVG, so adjust coordinates as needed.

Submit the URL for your Codepen when you are finished.