blob: d7eacb3fdd0e261dab6733dcef8db2664d628a2b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="morse-pattern" patternUnits="userSpaceOnUse" width="100" height="100">
<!-- Dots -->
<circle cx="10" cy="10" r="2" fill="#ffffff" />
<circle cx="50" cy="10" r="2" fill="#ffffff" />
<circle cx="90" cy="10" r="2" fill="#ffffff" />
<circle cx="10" cy="50" r="2" fill="#ffffff" />
<circle cx="50" cy="50" r="2" fill="#ffffff" />
<circle cx="90" cy="50" r="2" fill="#ffffff" />
<circle cx="10" cy="90" r="2" fill="#ffffff" />
<circle cx="50" cy="90" r="2" fill="#ffffff" />
<circle cx="90" cy="90" r="2" fill="#ffffff" />
<!-- Dashes -->
<rect x="20" y="30" width="15" height="3" fill="#ffffff" />
<rect x="60" y="30" width="15" height="3" fill="#ffffff" />
<rect x="20" y="70" width="15" height="3" fill="#ffffff" />
<rect x="60" y="70" width="15" height="3" fill="#ffffff" />
<!-- Diagonal dashes -->
<rect x="25" y="15" width="15" height="3" transform="rotate(45 25 15)" fill="#ffffff" />
<rect x="75" y="65" width="15" height="3" transform="rotate(45 75 65)" fill="#ffffff" />
<rect x="25" y="65" width="15" height="3" transform="rotate(-45 25 65)" fill="#ffffff" />
<rect x="75" y="15" width="15" height="3" transform="rotate(-45 75 15)" fill="#ffffff" />
</pattern>
</defs>
<rect width="100" height="100" fill="url(#morse-pattern)" />
</svg>
|