You are reading a single comment by @Emyr and its replies. Click here to read the full conversation.
  • It's SVG. You just add the stroke options:

    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
    <svg
    	version="1.1"
    	xmlns="http://www.w3.org/2000/svg" 
    	xmlns:xlink="http://www.w3.org/1999/xlink" 
    	viewBox="0 0 696 258" 
    	preserveAspectRatio="xMidYMid meet">
    <g>
    	<path fill="#8AD2E6" stroke="#000000" stroke-width="2" stroke-linecap="butt" d="M0.787,53.825h41.669v113.838h72.814v36.511H0.787V53.825z"/>
    
    	<path fill="#8AD2E6" stroke="#000000" stroke-width="2" stroke-linecap="butt" d="M133.105,53.825h120.275v36.514h-78.61v25.56h71.093v34.582h-71.093v53.694h-41.665V53.825z"/>
    
    	<path fill="#8AD2E6" stroke="#000000" stroke-width="2" stroke-linecap="butt" d="M267.134,129.429v-0.427c0-43.816,34.364-78.182,80.974-78.182c26.421,0,45.107,8.161,61,21.908l-24.486,29.423c-10.74-9.019-21.479-14.172-36.294-14.172c-21.695,-38.452,18.254-38.452,41.239v0.425c0,24.273,16.966,41.672,40.804,41.672c10.103,0,17.836-2.146,24.063-6.231v-18.257h-29.643v-30.5h69.159v67.659c-15.893,13.104-38.016,23.197-65.291,23.197C302.147,207.182,267.134,174.964,267.134,129.429z"/>
    
    	<path fill="#8AD2E6" stroke="#000000" stroke-width="2" stroke-linecap="butt" d="M426.087,181.837l23.195-27.709c14.822,11.816,31.361,18.041,48.755,18.041c11.171,0,17.186-3.866,17.186-10.306v-0.437c0-6.225-4.94-9.665-25.347-14.387c-32.006-7.302-56.702-16.321-56.702-47.25v-0.43c0-27.922,22.123-48.113,58.2-48.113c25.564,0,45.542,6.875,61.858,19.973l-20.829,29.429c-13.747-9.668-28.778-14.818-42.096-14.818c-10.097,0-15.037,4.294-15.037,9.663v0.43c0,6.869,5.155,9.881,25.992,14.606c34.579,7.516,56.057,18.687,56.057,46.819v0.427c0,30.715-24.271,48.969-60.784,48.969C469.901,206.744,444.557,198.372,426.087,181.837z"/>
    
    	<path fill="#8AD2E6" stroke="#000000" stroke-width="2" stroke-linecap="butt" d="M563.984,181.837l23.191-27.709c14.824,11.816,31.362,18.041,48.755,18.041c11.174,0,17.188-3.866,17.188-10.306v-0.437c0-6.225-4.942-9.665-25.344-14.387c-32.005-7.302-56.705-16.321-56.705-47.25v-0.43c0-27.922,22.123-48.113,58.205-48.113c25.559,0,45.535,6.875,61.859,19.973l-20.839,29.429c-13.74-9.668-28.773-14.818-42.097-14.818c-10.091,0-15.035,4.294-15.035,9.663v0.43c0,6.869,5.159,9.881,25.995,14.606c34.579,7.516,56.055,18.687,56.055,46.819v0.427c0,30.715-24.27,48.969-60.785,48.969C607.798,206.744,582.453,198.372,563.984,181.837z"/>
    </g>
    </svg>
    

    A joy to work with when the SVG is good. You can basically see the shapes of each letter in the code. The two S's at the end are obvious too.

  • Does SVG not support reusable shapes?

    (I know PDF does but most PDF generators don't know enough about the original document in order to recognise repeated icons and shapes)

  • Does SVG not support reusable shapes?

    Possibly. But you know... when authoring this stuff, I'm generally chuffed to find most browsers are displaying it. I avoid anything that might be advanced because if there are compatibility issues anywhere, it's there.

About

Avatar for Emyr @Emyr started