title: How to specify a different shape in a legend in HTML?
body: <p>I am able to create a legend for colors by specifying the background-color using the legend in HTML. Each entry in the legend is in a rectangular shape.</p>
  
  <p>However, I want to create a legend for shapes (e.g. circle, ellipse, triangle, etc) in HTML, but I didn’t find a way to specify a different shape other than a rectangle in the legend.</p>
  
  <p>I am wondering if there is a way to specify a different shape other than a rectangle in the legend in HTML?</p>
  
  <p>Any suggestions would be greatly appreciated.</p>
  
  <p>Thanks so much!</p>
  
  <p>EDITs:</p>
  
  <p>Resolved by using <a href="https://css-tricks.com/examples/ShapesOfCSS/" rel="nofollow noreferrer">https://css-tricks.com/examples/ShapesOfCSS/</a></p>