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)
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.
@Emyr started
London Fixed Gear and Single-Speed is a community of predominantly fixed gear and single-speed cyclists in and around London, UK.
This site is supported almost exclusively by donations. Please consider donating a small amount regularly.
It's SVG. You just add the stroke options:
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.