<html>
	<head>
		<style>
		body { background-color: #fff; }
		div.container { 
				width: 100%; margin-top: 2rem; 
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
			}
		div.container div { 
				flex: auto;
				text-align: center; 
				padding: 1rem; 
				border: solid 2px black; 
				margin: .4rem;
			}
		figcaption {
			font-size: 140%; font-weight: bold;
			margin: 1rem;
		}
		</style>
		<script>
			function changeBackground(color) {
   	   	   	   document.body.style.background = color;
			}
		</script>
	</head>
	<body>
		<div style="background-color: white; color: black; padding: 1rem; margin: 1rem;">
			<strong>Background color:</strong> 
			<a href="#" onclick="changeBackground('transparent');">None</a> | 
			<a href="#" onclick="changeBackground('red');">Red</a> | 
			<a href="#" onclick="changeBackground('green');">Green</a> | 
			<a href="#" onclick="changeBackground('white');">White</a> | 
			<a href="#" onclick="changeBackground('black');">Black</a> | 
			<a href="#" onclick="changeBackground('grey');">Grey</a>
		</div>
		<div class="container">
			<div><img src="_empty.svg"/><figcaption>_empty</figcaption></div>
			<div><img src="3dots.svg"/><figcaption>3dots</figcaption></div>
			<div><img src="any.svg"/><figcaption>any</figcaption></div>
			<div><img src="arrow_green_down.svg"/><figcaption>arrow_green_down</figcaption></div>
			<div><img src="arrow_green_left.svg"/><figcaption>arrow_green_left</figcaption></div>
			<div><img src="arrow_green_right.svg"/><figcaption>arrow_green_right</figcaption></div>
			<div><img src="arrow_green_up.svg"/><figcaption>arrow_green_up</figcaption></div>
			<div><img src="arrow_next.svg"/><figcaption>arrow_next</figcaption></div>
			<div><img src="arrow_yellow.svg"/><figcaption>arrow_yellow</figcaption></div>
			<div><img src="attribute.svg"/><figcaption>attribute</figcaption></div>
			<div><img src="chat_balloon.svg"/><figcaption>chat_balloon</figcaption></div>
			<div><img src="class.svg"/><figcaption>class</figcaption></div>
			<div><img src="clipboard.svg"/><figcaption>clipboard</figcaption></div>
			<div><img src="close.svg"/><figcaption>close</figcaption></div>
			<div><img src="cog.svg"/><figcaption>cog</figcaption></div>
			<div><img src="cog_green.svg"/><figcaption>cog_green</figcaption></div>
			<div><img src="compile.svg"/><figcaption>compile</figcaption></div>
			<div><img src="curly_brackets.svg"/><figcaption>curly_brackets</figcaption></div>
			<div><img src="deferred.svg"/><figcaption>deferred</figcaption></div>
			<div><img src="deferred_nw.svg"/><figcaption>deferred_nw</figcaption></div>
			<div><img src="document.svg"/><figcaption>document</figcaption></div>
			<div><img src="documents.svg"/><figcaption>documents</figcaption></div>
			<div><img src="editor.svg"/><figcaption>editor</figcaption></div>
			<div><img src="eiffelstudio.svg"/><figcaption>eiffelstudio</figcaption></div>
			<div><img src="error.svg"/><figcaption>error</figcaption></div>
			<div><img src="error_se.svg"/><figcaption>error_se</figcaption></div>
			<div><img src="es_flat_formatter.svg"/><figcaption>es_flat_formatter</figcaption></div>
			<div><img src="es_formatter.svg"/><figcaption>es_formatter</figcaption></div>
			<div><img src="feature.svg"/><figcaption>feature</figcaption></div>
			<div><img src="flag.svg"/><figcaption>flag</figcaption></div>
			<div><img src="flash.svg"/><figcaption>flash</figcaption></div>
			<div><img src="floppy.svg"/><figcaption>floppy</figcaption></div>
			<div><img src="folder.svg"/><figcaption>folder</figcaption></div>
			<div><img src="folders.svg"/><figcaption>folders</figcaption></div>
			<div><img src="gear_green.svg"/><figcaption>gear_green</figcaption></div>
			<div><img src="green_mark.svg"/><figcaption>green_mark</figcaption></div>
			<div><img src="info.svg"/><figcaption>info</figcaption></div>
			<div><img src="instance-free.svg"/><figcaption>instance-free</figcaption></div>
			<div><img src="instance-free_ne.svg"/><figcaption>instance-free_ne</figcaption></div>
			<div><img src="key.svg"/><figcaption>key</figcaption></div>
			<div><img src="library.svg"/><figcaption>library</figcaption></div>
			<div><img src="library_c.svg"/><figcaption>library_c</figcaption></div>
			<div><img src="library_sw.svg"/><figcaption>library_sw</figcaption></div>
			<div><img src="lock.svg"/><figcaption>lock</figcaption></div>
			<div><img src="microscope.svg"/><figcaption>microscope</figcaption></div>
			<div><img src="mini_error.svg"/><figcaption>mini_error</figcaption></div>
			<div><img src="nav_down.svg"/><figcaption>nav_down</figcaption></div>
			<div><img src="nav_next.svg"/><figcaption>nav_next</figcaption></div>
			<div><img src="nav_previous.svg"/><figcaption>nav_previous</figcaption></div>
			<div><img src="nav_up.svg"/><figcaption>nav_up</figcaption></div>
			<div><img src="new.svg"/><figcaption>new</figcaption></div>
			<div><img src="new_nw.svg"/><figcaption>new_nw</figcaption></div>
			<div><img src="once.svg"/><figcaption>once</figcaption></div>
			<div><img src="once_se.svg"/><figcaption>once_se</figcaption></div>
			<div><img src="overridden.svg"/><figcaption>overridden</figcaption></div>
			<div><img src="override.svg"/><figcaption>override</figcaption></div>
			<div><img src="packaged.svg"/><figcaption>packaged</figcaption></div>
			<div><img src="pen.svg"/><figcaption>pen</figcaption></div>
			<div><img src="pinned.svg"/><figcaption>pinned</figcaption></div>
			<div><img src="pnd_dotted_line_ne.svg"/><figcaption>pnd_dotted_line_ne</figcaption></div>
			<div><img src="question_mark_yellow.svg"/><figcaption>question_mark_yellow</figcaption></div>
			<div><img src="readonly.svg"/><figcaption>readonly</figcaption></div>
			<div><img src="readonly_ne.svg"/><figcaption>readonly_ne</figcaption></div>
			<div><img src="red_cross.svg"/><figcaption>red_cross</figcaption></div>
			<div><img src="refresh.svg"/><figcaption>refresh</figcaption></div>
			<div><img src="save.svg"/><figcaption>save</figcaption></div>
			<div><img src="seal_contract.svg"/><figcaption>seal_contract</figcaption></div>
			<div><img src="seal_green.svg"/><figcaption>seal_green</figcaption></div>
			<div><img src="search.svg"/><figcaption>search</figcaption></div>
			<div><img src="star.svg"/><figcaption>star</figcaption></div>
			<div><img src="target.svg"/><figcaption>target</figcaption></div>
			<div><img src="toggle.svg"/><figcaption>toggle</figcaption></div>
			<div><img src="triangle_green.svg"/><figcaption>triangle_green</figcaption></div>
			<div><img src="triangle_red.svg"/><figcaption>triangle_red</figcaption></div>
			<div><img src="triangle_white.svg"/><figcaption>triangle_white</figcaption></div>
			<div><img src="unpinned.svg"/><figcaption>unpinned</figcaption></div>
			<div><img src="verify.svg"/><figcaption>verify</figcaption></div>
			<div><img src="warning.svg"/><figcaption>warning</figcaption></div>
			<div><img src="water_drop.svg"/><figcaption>water_drop</figcaption></div>
			<div><img src="white_mark.svg"/><figcaption>white_mark</figcaption></div>
			<div><img src="window.svg"/><figcaption>window</figcaption></div>
		</div>
	</body>
</html>
