WOT SVG Icons

Back to description

The images are the same, the bigger ones are just scaled. Due to Opera bug DSK-287013, the upper 5 pairs may need a reload before they are shown...

Linked SVG images

Inline SVG

Base64 Encoded

inline

urlencoded

Stripped unnecessary whitespace, saves 200 Bytes and no need for charset AFAICS...

urlencoded, as Object

Just a SVG image. If you see this, your browser does not support SVG. (Internet Explorer anywhere?)
This is the only way to display the encoded SVG inline data in Fx - borked since Opera 10.51 RC1 ...

Javascript

Javascript Code

data URL shortened, quotes(") replaced by single quote(') so no need to escape " by a \" ;-)

<script type="text/javascript">
	var myWOTrateSVG = "data:image/svg+xml;urlencoded,%3C%3Fxml%20version%3D' (...) Fsvg%3E";
	var mySVG = document.createElement("img");
	var whereToPut = document.body;
	whereToPut.appendChild(mySVG);
	mySVG.setAttribute("src",myWOTrateSVG);
</script>

SVG Code

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="24"
height="24">
<g>
	<path d="M 1,9 7,7 5,3 12,1 c 8,7 2,11 6,17 L 5,23 C 1,18 6,14 1,9 z"
		style="
			fill:#eeeeee;
			fill-opacity:1;
			fill-rule:evenodd;
			stroke:#666666;stroke-width:1;
			stroke-linecap:butt;
			stroke-linejoin:round;
			stroke-miterlimit:4;
			stroke-opacity:1;
			stroke-dasharray:none
	" />
	<path d="m 21,1 3,3 -2,2 -3,-3 2,-2 z"
		style="
			fill:#ff0000;
			fill-opacity:1;
			fill-rule:evenodd;
			stroke:none
	" />
	<path d="m 19,3 -9,9 1,1 9,-9 -1,-1 z"
		style="
			fill:#d0b95e;
			fill-opacity:1;
			fill-rule:evenodd;
			stroke:none
	" />
	<path d="m 10,12 3,3 -3,1 -1,-1 1,-3 z"
		style="
			fill:#ffcc00;
			fill-opacity:1;
			fill-rule:evenodd;
			stroke:none
	" />
	<path d="m 20,4 1,1 -9,9 -1,-1 9,-9 z"
		style="
			fill:#ffe680;
			fill-opacity:1;
			fill-rule:evenodd;
			stroke:none
	" />
	<path d="m 12,14 1,1 9,-9 -1,-1 -9,9 z"
		style="
			fill:#c8ab37;
			fill-opacity:1;
			fill-rule:evenodd;
			stroke:none
	" />
	<path d="M 5,3 1,9 7,7 5,3 z"
		style="
			fill:#eeeeee;
			fill-opacity:1;
			fill-rule:evenodd;
			stroke:#666666;
			stroke-width:1;
			stroke-linecap:butt;
			stroke-linejoin:round;
			stroke-miterlimit:4;
			stroke-opacity:1;
			stroke-dasharray:none
	" />
	<path d="m 9,15 1,1 -2,1 1,-2 z"
		style="
			fill:#000000;
			fill-opacity:1;
			fill-rule:evenodd;
			stroke:none
	" />
</g>
</svg>