Qiitaで、スクラッチでSVG

# 概要
Qiitaで、スクラッチでSVG、書いてみた。

# 参考にしたページ

https://qiita.com/TETSURO1999/items/870962714724dde98651

# 四角形
```
```plantuml
@startuml
sprite FIGURE <svg width="128" height="128" viewbox="0 0 128 128">
<path d="M0,0H89V55H0" fill="blue"/>
</svg>
title  <$FIGURE> 
@endutml
```

```plantuml
@startuml
sprite FIGURE <svg width="128" height="128" viewbox="0 0 128 128">
<path d="M0,0H89V55H0" fill="blue"/>
</svg>
title  <$FIGURE> 
@endutml
```

# 三角形

```
```plantuml
@startuml
sprite FIGURE <svg width="128" height="128" viewbox="0 0 128 128">
<path d="M0,0H52L26,45" fill="blue"/>
</svg>
title  <$FIGURE> 
@endutml
```


```plantuml
@startuml
sprite FIGURE <svg width="128" height="128" viewbox="0 0 128 128">
<path d="M0,0H52L26,45" fill="blue"/>
</svg>
title  <$FIGURE> 
@endutml
```

# 正五角形

```

```plantuml
@startuml
sprite FIGURE <svg width="128" height="128" viewbox="0 0 128 128">
<path d="M0,77V18L56,0L90,48L56,95" fill="blue"/>
</svg>
title  <$FIGURE> 
@endutml
```

```plantuml
@startuml
sprite FIGURE <svg width="128" height="128" viewbox="0 0 128 128">
<path d="M0,77V18L56,0L90,48L56,95" fill="blue"/>
</svg>
title  <$FIGURE> 
@endutml
```
# 正方形

```
```plantuml
@startuml
sprite FIGURE <svg width="128" height="128" viewbox="0 0 128 128">
<path d="M0,0H89V89H0" fill="blue"/>
</svg>
title  <$FIGURE> 
@endutml
```

```plantuml
@startuml
sprite FIGURE <svg width="128" height="128" viewbox="0 0 128 128">
<path d="M0,0H89V89H0" fill="blue"/>
</svg>
title  <$FIGURE> 
@endutml
```

# 菱形

```
```plantuml
@startuml
sprite FIGURE <svg width="128" height="128" viewbox="0 0 128 128">
<path d="M 5 20 L 20 5 L 35 20 L 20 35 Z" fill="blue"/>
</svg>
title  <$FIGURE*3> 
@endutml
```

```plantuml
@startuml
sprite FIGURE <svg width="128" height="128" viewbox="0 0 128 128">
<path d="M 5 20 L 20 5 L 35 20 L 20 35 Z" fill="blue"/>
</svg>
title  <$FIGURE*3> 
@endutml
```

# 猫

```plantuml
@startuml
sprite FIGURE <svg width="202" height="168" viewBox="0 0 202 168" fill="none">
  <path 
   d="M21.5549 47.4417C21.5549 45.4417 18.5549 42.3834 20.0549 41.4417C21.5549 40.5 25.5549 44.9417 25.5549 44.9417C27.7216 48.4417 33.0549 55.9417 37.0549 57.9417C42.0549 60.4417 48.0549 63.4417 60.0549 63.9417C72.0549 64.4417 88.5549 59.4417 105.555 57.9417C119.155 56.7416 142.222 64.1083 152.055 67.9417C184.055 67.9417 185.555 50.9417 190.055 37.9417C193.655 27.5417 187.888 12.9417 184.555 6.94165C183.888 5.44167 183.255 2.24172 186.055 1.44172C188.855 0.641721 191.222 1.10839 192.055 1.44172C194.888 5.10839 200.555 17.1417 200.555 35.9417C200.555 59.4417 178.555 76.4417 178.555 79.4417C178.555 82.4417 181.555 85 181.555 88.9417C181.555 95.5 178.555 102.442 180.055 107.942C181.555 113.442 197.555 118.942 198.555 120.442C199.555 121.942 199.055 125.942 197.555 126.442C196.055 126.942 192.555 156.442 192.055 158.942C191.555 161.442 189.555 163.942 187.055 163.942C185.055 163.942 183.222 161.608 182.555 160.442C182.722 159.442 183.355 157.442 184.555 157.442C186.055 157.442 186.055 135.442 186.055 133.442C186.055 131.442 182.555 130.942 181.555 130.942C180.555 130.942 172.555 130.942 173.055 131.942C173.555 132.942 174.055 135.942 174.055 137.942C174.055 139.942 169.055 146.442 166.055 151.942C163.055 157.442 155.055 162.942 154.055 162.942C153.055 162.942 147.555 162.942 146.055 162.442C144.555 161.942 143.055 158.942 143.055 157.442C143.055 155.942 146.055 153.442 147.555 153.442C149.055 153.442 150.555 154.442 152.055 154.442C153.555 154.442 157.555 148.442 157.555 142.942C157.555 137.442 141.555 127.942 140.555 127.442C139.555 126.942 132.555 118.942 131.555 117.942C130.555 116.942 124.055 117.942 120.055 117.942C116.055 117.942 112.055 114.942 105.555 112.942C99.0549 110.942 97.5549 114.942 96.0549 114.942C94.5549 114.942 101.055 140.442 102.055 143.442C102.855 145.842 103.055 153.108 103.055 156.442C102.055 159.942 99.7549 166.942 98.5549 166.942H90.5549C89.0549 166.942 86.0549 164.942 86.0549 162.942C86.0549 161.342 87.0549 160.608 87.5549 160.442C89.5549 161.442 93.5549 152.942 94.0549 150.942C94.4549 149.342 81.2216 130.942 74.5549 121.942H73.0549C71.0549 120.942 36.0549 162.942 33.5549 163.942C31.0549 164.942 21.5549 164.442 20.0549 163.942C18.5549 163.442 17.0549 161.442 17.0549 160.442C17.0549 159.442 18.5549 157.442 20.0549 156.442C21.5549 155.442 23.0549 156.942 29.5549 156.442C36.0549 155.942 46.5549 122.942 46.5549 120.442C46.5549 117.942 42.5549 98.9417 42.0549 96.4417C41.5549 93.9417 32.5549 87.9417 30.5549 86.4417C28.5549 84.9417 23.0549 83.4417 20.0549 82.4417C17.0549 81.4417 9.55493 83.4417 8.55493 83.4417C7.55493 83.4417 4.05493 80.9417 2.55493 79.4417C1.05493 77.9417 1.55492 74.9417 1.05492 73.9417C0.554921 72.9417 3.55492 70.4417 6.55492 66.9417C9.55492 63.4417 8.05492 61.9417 10.5549 59.4417C12.5549 57.4417 17.7216 54.9417 20.0549 53.9417C20.5549 52.6084 21.5549 49.4417 21.5549 47.4417Z"
  fill="none" stroke="black" />
 </svg>
title <$FIGURE>
@endutml
```


   

以上。