Greg Logo + bg

dabblet.css

/**
 * Greg Logo + bg
 */

background: #f06;
background: linear-gradient(center, circle cover, rgba(171, 171, 171, 0.7), #0000ff 33%);
min-height: 100%;

dabblet.html

<svg width="1280" height="1280" xmlns="http://www.w3.org/2000/svg">
 <g>
  <title>Layer 1</title>
  <ellipse ry="370.1" rx="370.1" cy="640.1" cx="640.1" stroke-width="68" stroke="#000000" fill="none" id="logo-band"/>
  <path d="m763.79999,485.5c-51.90002,0 -83.29999,14 -113.40002,39.59998l40,48.20001c22.30005,-18.59998 42,-29.29999 75.40002,-29.29999c46.20001,0 82.90002,40.79999 82.90002,89.90002v0.79999c0,52.79999 -36.30005,91.5 -87.40002,91.5c-23.09998,0 -43.70001,-5.79999 -59.79999,-17.29999v-41.20001h63.89996v-54.79999h-125.29999v0h-125.29999v54.79999h63.90002v41.20001c-16.10004,11.5 -36.70001,17.29999 -59.80005,17.29999c-51.10013,0 -87.39996,-38.79999 -87.39996,-91.5v-0.79999c0,-49.10004 36.69998,-89.90002 82.89996,-89.90002c33.40002,0 53.20001,10.70001 75.40002,29.29999l40,-48.20001c-30.09998,-25.59998 -61.40002,-39.59998 -113.40002,-39.59998c-87.39996,0 -151.30002,67.20001 -151.30002,149.20001v0.79999c0,85.29999 61.80005,148.39996 151.70004,148.39996c52.79999,0 93.59998,-20.59998 123.29999,-45.79999c29.70001,25.10004 70.5,45.79999 123.29999,45.79999c89.90002,0 151.70001,-63.09998 151.70001,-148.39996v-0.79999c0,-82 -63.89996,-149.20001 -151.29999,-149.20001z" id="logo-double-g"/>
 </g>
</svg>

settings.json

{"view":"split","seethrough":"","prefixfree":"1","page":"all"}