SVG logo

Owned by Basara
Last updated: Jun 18, 2018
1 min read

SVG is Scalable Vector Graphics (an XML-based image format) supported by modern browsers. Benefits of this format: 

  • Scales to any size without losing clarity
  • Looks great on retina displays
  • good for creating responsive logos
  • SVGs are just code, which means very small sizes.

Step-by-step guide

  1. Create HTML resource with SVG code
  2. Add resource as your template Logo


SVG code example

<svg width="256px" height="206px" viewBox="0 0 256 206" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
	<g>
		<path d="M159.9687,131.8189 C157.1197,129.8819 153.2367,130.6219 151.2977,133.4709 L136.2677,155.5839 C133.7217,154.7319 131.0057,154.2519 128.1737,154.2519 C125.3667,154.2519 122.6737,154.7209 120.1477,155.5579 L95.1857,120.6849 C99.7967,116.0669 102.6497,109.6919 102.6497,102.6489 C102.6497,88.5529 91.2227,77.1259 77.1257,77.1259 C63.0297,77.1259 51.6027,88.5529 51.6027,102.6489 C51.6027,109.2499 54.1287,115.2459 58.2407,119.7759 L35.0887,156.1219 C32.1327,154.9249 28.9087,154.2519 25.5237,154.2519 C11.4277,154.2519 -0.0003,165.6789 -0.0003,179.7749 C-0.0003,193.8719 11.4277,205.2989 25.5237,205.2989 C39.6197,205.2989 51.0477,193.8719 51.0477,179.7749 C51.0477,173.5909 48.8467,167.9229 45.1887,163.5059 L68.6357,126.6959 C71.2947,127.6349 74.1447,128.1729 77.1257,128.1729 C79.6637,128.1729 82.1107,127.7909 84.4237,127.0999 L109.6147,162.2899 C105.3077,166.8599 102.6497,173.0009 102.6497,179.7749 C102.6497,193.8719 114.0767,205.2989 128.1737,205.2989 C142.2697,205.2989 153.6977,193.8719 153.6977,179.7749 C153.6977,173.0229 151.0557,166.8999 146.7737,162.3359 L161.6227,140.4899 C163.5617,137.6399 162.8207,133.7569 159.9687,131.8189" fill="#3E7EBC"/>
		<path d="M230.4766,-0.0004 C216.3796,-0.0004 204.9526,11.4266 204.9526,25.5236 C204.9526,31.9966 207.3816,37.8896 211.3536,42.3886 L188.1106,78.8756 C185.2436,77.7606 182.1356,77.1256 178.8736,77.1256 C176.0266,77.1256 173.2956,77.6116 170.7386,78.4736 L145.8016,43.6376 C150.4616,39.0126 153.3506,32.6066 153.3506,25.5236 C153.3506,11.4266 141.9226,-0.0004 127.8266,-0.0004 C113.7306,-0.0004 102.3026,11.4266 102.3026,25.5236 C102.3026,32.5766 105.1636,38.9606 109.7886,43.5806 L94.3776,66.2516 C92.4396,69.1036 93.1796,72.9856 96.0316,74.9236 C98.8826,76.8596 102.7636,76.1216 104.7036,73.2706 L120.5366,49.9766 C122.8476,50.6646 125.2916,51.0466 127.8266,51.0466 C130.3226,51.0466 132.7276,50.6726 135.0076,50.0046 L160.2376,85.2496 C155.9766,89.8106 153.3506,95.9166 153.3506,102.6486 C153.3506,116.7456 164.7776,128.1736 178.8736,128.1736 C192.9706,128.1736 204.3976,116.7456 204.3976,102.6486 C204.3976,96.3386 202.0956,90.5726 198.2996,86.1176 L221.6576,49.4496 C224.4096,50.4646 227.3716,51.0466 230.4766,51.0466 C244.5726,51.0466 255.9996,39.6196 255.9996,25.5236 C255.9996,11.4266 244.5726,-0.0004 230.4766,-0.0004" fill="#4C96DF"/>
	</g>
</svg>


AbanteCart, all rights reserved. 2024 ©