SVG（Scalable Vector Graphics）を使用して多角形（Polygon）を設計するためには、<polygon>要素を使用します。<polygon>要素は、複数の座標を指定して多角形を描画するために使用されます。以下に、いくつかの異なる例を示します。

1. 正六角形（Hexagon）:

   xml
   <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
     <polygon points="50,5 95,25 95,75 50,95 5,75 5,25" fill="blue" />
   </svg>
   

   この例では、正六角形を描画しています。points属性には、各頂点の座標がスペースで区切られて指定されています。

2. 五角形（Pentagon）:

   xml
   <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
     <polygon points="50,5 95,30 80,95 20,95 5,30" fill="green" />
   </svg>
   

   五角形の例です。同様に、points属性に各頂点の座標が指定されています。

3. 星形（Star）:

   xml
   <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
     <polygon points="50,5 63,35 95,35 70,55 80,85 50,65 20,85 30,55 5,35 37,35" fill="red" />
   </svg>
   

   これは星形の例で、異なる座標が使用されています。

4. ランダムな多角形:

   xml
   <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
     <polygon points="10,10 90,10 70,90 30,80" fill="purple" />
   </svg>
   

   この例では、四角形の座標がランダムに指定されています。

これらは基本的な例ですが、<polygon>要素を使用して様々な形状の多角形を描画できます。座標は必要な頂点を指定するために使用され、各座標はx座標とy座標の組み合わせで表されます。