W3C devrel twitter avatar

dabblet.css

/* W3C devrel twitter avatar */

#devrel {
	fill: white;
	font: 150px Cambria;
	letter-spacing: .2em;
	text-shadow: 0 -1px 2px black;
	opacity: .9;
}

dabblet.html

<svg version="1.1" width="200" height="200" viewBox="-100 0 1300 800">
  <title>W3C</title>
  <defs>
    <radialGradient id="bg_grad" gradientUnits="userSpaceOnUse" cx="0" cy="0" gradientTransform="scale(1.8,1)">
      <stop offset=".2" stop-color="hsl(211, 20%, 32%)"/>
      <stop offset="1" stop-color="hsl(212, 25%, 20%)"/>
    </radialGradient>
    <filter id="shadow" width="130%" height="130%">
      <feGaussianBlur in="SourceAlpha" stdDeviation="5" result="blur"/>
      <feOffset in="blur" dx="4" dy="4" result="offsetBlur"/>
      <feMerge>
        <feMergeNode in="offsetBlur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>
  <path id="logo"
    filter="url(#shadow)" fill="url(#bg_grad)" fill-rule="evenodd" 
    d="M-30,-120h1140v1100H-30V800z
		M436.22,529.39h-4.25L362.95,298.97L293.94,529.39h-4.25L179.26,158.81h48.85  
		l65.83,225.09l45.65-151.82l-22.29-73.27h47.78l66.89,225.09l65.84-225.09l180.477,0.005v22.294l-67.942,116.8   
		c23.354,7.432,41.396,21.243,54.144,41.413c11.689,20.17,18.04,43.53,18.04,71.13l0.015-0.002c0,32.925-8.488,61.604-26.53,84.959   
		c-18.046,22.302-41.412,33.979-70.081,33.979c-21.248,0-39.289-7.436-55.21-20.189c-15.936-13.787-27.607-31.846-35.046-55.199   
		l37.168-15.922c5.299,13.788,12.731,25.464,21.235,32.896c9.554,8.518,20.176,12.763,31.853,12.763   
		c12.736,0,24.425-7.438,32.912-22.303c8.5-13.812,13.798-30.792,13.798-50.979c0-22.303-5.299-39.275-14.853-52.012   
		c-10.623-13.811-27.613-21.246-52.034-21.246h-18.043v-22.294l64.767-110.43H532.5L436.22,529.39z M868.36,151.59l8.5,46.716   
		l-27.61,53.09c0,0-10.624-22.301-28.671-35.039c-14.865-10.616-24.42-12.746-39.287-9.555   
		c-19.111,4.244-41.411,27.605-50.968,56.271c-11.681,33.979-11.681,49.908-11.681,65.83c-1.052,24.437,3.193,38.223,3.193,38.223   
		s-17.004-30.792-17.004-76.446c0-31.848,5.325-61.584,20.178-90.25c13.8-25.477,32.912-40.344,49.912-42.474   
		c18.046-2.121,32.912,6.373,43.523,15.928c11.675,9.555,23.365,31.858,23.365,31.858l26.552-54.15L868.36,151.59z M872.61,419.16   
		c0,0-12.745,21.245-20.181,29.737c-7.435,8.485-21.221,23.353-38.221,30.785c-16.992,7.438-25.479,8.487-41.413,7.438   
		c-16.977-2.135-32.911-11.681-38.224-14.87c-5.301-4.242-19.111-15.92-26.544-27.597c-7.434-10.623-20.165-32.928-20.165-32.928   
		s7.434,22.305,11.676,31.846c2.122,5.326,9.556,21.244,20.167,36.111c9.565,13.786,29.731,36.087,58.414,41.413   
		c29.721,5.296,49.897-7.437,55.198-10.623c4.242-3.189,14.864-12.731,21.248-19.112c7.43-7.434,13.799-16.977,18.042-23.354   
		c2.119-4.244,6.364-12.76,6.364-12.76l-6.39-36.09L872.61,419.16z"/>
  <path id="registered_trademark" fill="white" fill-opacity="0.15" d="M927.438,453.53c-9.5,0-17.969,3.406-24.406,9.938c-6.844,6.938-10.656,15.906-10.656,25.188
		c0,9.25,3.625,17.844,10.25,24.562c6.75,6.844,15.438,10.562,24.812,10.562c9.156,0,18.062-3.719,24.969-10.438
		c6.625-6.438,10.25-15.031,10.25-24.688c0-9.375-3.719-18.125-10.156-24.688C945.751,457.124,937.001,453.53,927.438,453.53z
		 M957.97,488.937c0,8.094-3.156,15.594-8.875,21.156c-6.062,5.875-13.562,9-21.875,9c-7.781,0-15.5-3.219-21.25-9.062
		c-5.781-5.875-8.969-13.375-8.969-21.375s3.312-15.812,9.25-21.875c5.562-5.625,13.062-8.656,21.25-8.656 
		c8.406,0,15.938,3.125,21.781,9.062C954.938,472.843,957.97,480.468,957.97,488.937z M928.376,468.062h-15v39.812h7.5v-16.969
		h7.438l8.094,16.969h8.406l-8.906-18.156c5.75-1.188,9.062-5.062,9.062-10.719C944.97,471.78,939.501,468.062,928.376,468.062z
		M927.032,472.937c7.031,0,10.219,1.969,10.219,6.844c0,4.688-3.188,6.312-10.031,6.312h-6.344v-13.156H927.032z"/>
<text id="devrel" x="250" y="720">DᴇᴠRᴇʟ</text>
</svg>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}