You are reading a single comment by @Velocio and its replies. Click here to read the full conversation.
  • One does not simply add an outline.

  • 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)

About

Avatar for Velocio @Velocio started