Open kellnerd opened 1 year ago
My own attempt using a programatic approach to generate the arcs:
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-discogs">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M7.5 19.79A9 9 0 0 0 19.79 7.5" />
<path d="M16.5 4.21A9 9 0 0 0 4.21 16.5" />
<path d="M8.75 17.63A6.5 6.5 0 0 0 17.63 8.75" />
<path d="M15.25 6.37A6.5 6.5 0 0 0 6.37 15.25" />
<path d="M10 15.46A4 4 0 0 0 15.46 10" />
<path d="M14 8.54A4 4 0 0 0 8.54 14" />
<path d="M12 12v0.01" />
</svg>
My code generates the two arcs of each record groove using three parameters: Angle of the reflection gap (45°), width of the reflection gap (30°) and the radius (4, 6.5 and 9).
https://www.discogs.com/
Small icon: More details:
The Discogs brand icon could be based on https://tabler-icons.io/i/disc