summaryrefslogtreecommitdiff
path: root/public/img/morse-pattern.svg
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>