Vector library icons

Author: xPaw

index.html

@@ -162,7 +162,7 @@ <h3>Fully open-source and reverse-engineered.</h3>
 				<div class="library-list">
 					<div class="library">
 						<div class="library-icon">
-							<img src="static/libraries/console.png" alt="Command line utility" width="64" height="64" aria-hidden="true">
+							<svg viewBox="0 0 32 32" width="64" height="64" aria-hidden="true"><g clip-path="url(#a)"><path fill="#32384d" d="M0 3.75h32V28H0z"/><path fill="#385283" d="M12.7 17.58c.29.3.29.77 0 1.06l-5.93 5.93c-.3.3-.77.3-1.06 0l-1.42-1.41a.75.75 0 0 1 0-1.07l5.93-5.92c.3-.3.77-.3 1.06 0z"/><path fill="#458fff" d="M12.7 17.58c.29.3.29.77 0 1.06l-1.42 1.42c-.3.29-.77.29-1.06 0l-5.93-5.93a.75.75 0 0 1 0-1.06l1.42-1.41c.29-.3.76-.3 1.06 0zM0 3.75h10.75v4.5H0z"/><path fill="#385283" d="M10.75 3.75H21.5v4.5H10.75z"/><path fill="#242a40" d="M21.5 3.75H32v4.5H21.5z"/><rect width="12" height="3" x="15.75" y="21.75" fill="#edf3fc" rx=".75"/></g><defs><clipPath id="a"><rect width="32" height="24.25" y="3.75" fill="#fff" rx="3.5"/></clipPath></defs></svg>
 						</div>
 						<div class="library-description">
 							<h2>Command line utility</h2>
@@ -203,7 +203,7 @@ <h2>ValveResourceFormat.Renderer</h2>
 					</div>
 					<div class="library">
 						<div class="library-icon">
-							<img src="static/libraries/vpk.png" alt="ValvePak library" width="64" height="64" aria-hidden="true">
+							<svg viewBox="0 0 32 32" width="64" height="64" aria-hidden="true"><path fill="#458fff" d="M0 6.75a3 3 0 0 1 3-3h9.93a3 3 0 0 1 2.06.82L26 15H0z"/><rect width="32" height="21.5" y="6.5" fill="#242a40" rx="3.5"/><rect width="32" height="19.5" y="8.5" fill="#32384d" rx="3.5"/><path fill="#edf3fc" d="M4.75 13.66q.27.01.36.26l2.11 6.65h.09l2.12-6.65c.05-.16.2-.26.35-.26h1.33c.26 0 .44.25.36.5L8.59 22.5a.4.4 0 0 1-.35.25H6.3q-.25-.01-.36-.25l-2.88-8.34c-.08-.25.1-.5.36-.5zM13.48 22.75a.4.4 0 0 1-.37-.37v-8.35c0-.2.17-.37.37-.37h3.22q1.03 0 1.76.4.72.38 1.1 1.08.4.7.4 1.6t-.4 1.6a2.7 2.7 0 0 1-1.13 1.08 4 4 0 0 1-1.78.38h-2.29v-1.54h1.98q.55 0 .91-.19t.54-.54.18-.79-.18-.79-.54-.53q-.36-.2-.92-.19h-1.3v7.15c0 .2-.17.37-.37.37zM21.95 22.75a.4.4 0 0 1-.37-.37v-8.35c0-.2.17-.37.37-.37h1.18c.2 0 .37.17.37.37v3.64h.12l3.16-3.87a.4.4 0 0 1 .29-.14h1.33c.31 0 .49.37.29.61l-2.87 3.46 3.02 4.43c.17.25-.01.59-.31.59h-1.4a.4.4 0 0 1-.3-.17l-2.38-3.57-.95 1.16v2.2c0 .21-.17.38-.37.38z"/></svg>
 						</div>
 						<div class="library-description">
 							<h2>ValvePak</h2>
@@ -216,7 +216,7 @@ <h2>ValvePak</h2>
 					</div>
 					<div class="library">
 						<div class="library-icon">
-							<img src="static/libraries/vdf.png" alt="ValveKeyValue library" width="64" height="64" aria-hidden="true">
+							<svg viewBox="0 0 32 32" width="64" height="64" aria-hidden="true"><g clip-path="url(#a)"><path fill="#32384d" d="M32 30.5H0V1.25h23.5l8.5 8.5z"/><path fill="#458fff" d="M0 28h32v2.5H0z"/><path fill="#385283" d="M0 25.5h32V28H0z"/><path fill="#edf3fc" d="M1.64 21a.4.4 0 0 1-.38-.37v-1.65c0-.21.17-.38.38-.38h1.52c.2 0 .38.17.38.38v1.64c0 .21-.17.38-.38.38zM6.33 21a.4.4 0 0 1-.36-.27L2.63 9.83A.38.38 0 0 1 3 9.34h1.3q.25.02.36.27l2.42 8.2 2.44-8.2c.05-.16.2-.27.36-.27h1.3c.25 0 .43.25.35.49l-3.34 10.9a.4.4 0 0 1-.36.27zM12.84 21a.4.4 0 0 1-.37-.37V9.72c0-.2.16-.38.37-.38h5.31c1.07 0 1.93.86 1.93 1.93v7.8c0 1.07-.86 1.93-1.93 1.93zm1.73-1.93h2.94c.26 0 .47-.19.47-.45v-6.9a.46.46 0 0 0-.47-.45h-2.94zM22.12 21a.4.4 0 0 1-.38-.37V9.72c0-.2.17-.38.38-.38h6.4c.21 0 .38.17.38.38v1.17c0 .21-.17.38-.37.38h-4.69v2.89h4.25c.2 0 .37.17.37.37v1.18c0 .2-.16.37-.37.37h-4.25v4.55c0 .2-.16.37-.37.37z"/><path fill="#4387ef" d="M27 9.75h5l-8.5-8.5v5a3.5 3.5 0 0 0 3.5 3.5"/><path fill="#000" fill-opacity=".35" d="M27 9.75h5v6.5l-7.47-7.52-.03-.03.03.03c.64.63 1.5 1.02 2.47 1.02"/></g><defs><clipPath id="a"><rect width="32" height="29.25" y="1.25" fill="#fff" rx="3.5"/></clipPath></defs></svg>
 						</div>
 						<div class="library-description">
 							<h2>ValveKeyValue</h2>