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

urlencoded

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

urlencoded, as Object

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>