1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<!-- Copyright 2022-2023 Gabriel Jensen. This work is licensed under a Creative Commons Attribution 4.0 International License. -->
<svg height="384" width="384" xmlns="http://www.w3.org/2000/svg">
<clipPath id="clip16"> <!-- We use this for the centre part of the overlay -->
<polygon points="0,0 192,0 192,384 0,384" />
</clipPath>
<clipPath id="clipF7"> <!-- We use this for the border part of the overlay - there is a notch in it. -->
<polygon points="0,0 192,0 192,168 184,176 192,184 192,384 0,384" />
</clipPath>
<!-- background -->
<polygon fill="#00965E" points="0,0 384,0 384,384 0,384" />
<!-- middle Circle -->
<circle cx="192" cy="192" fill="#F4F4F4" r="144" />
<!-- digit Eight -->
<circle cx="192" cy="268" fill="none" r="92" stroke="#00965E" stroke-width="48" /> <!-- Bottom Border -->
<circle cx="192" cy="268" fill="none" r="92" stroke="#F4F4F4" stroke-width="16" /> <!-- Bottom Centre -->
<circle cx="192" cy="116" fill="none" r="92" stroke="#00965E" stroke-width="48" /> <!-- Top Border -->
<circle cx="192" cy="116" fill="none" r="92" stroke="#F4F4F4" stroke-width="16" /> <!-- Top Centre -->
<!-- overlay -->
<circle clip-path="url(#clipF7)" cx="192" cy="268" fill="none" r="92" stroke="#00965E" stroke-width="48" />
<circle clip-path="url(#clip16)" cx="192" cy="268" fill="none" r="92" stroke="#F4F4F4" stroke-width="16" />
<!-- greater Circle -->
<circle cx="192" cy="192" fill="none" r="168" stroke="#F4F4F4" stroke-width="16" />
</svg>
|
