Merge pull request #76 from ryanwelcher/try/better-svg

Better SVG that works in all usages.
ryanwelcher · Aug 7, 2024 · 1a2ee18 · 1a2ee18
2 parents 71a613c + 9539513
commit 1a2ee18
Showing 1 changed file with 22 additions and 15 deletions.
diff --git a/src/components/icons.js b/src/components/icons.js
@@ -1,20 +1,27 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path } from '@wordpress/primitives';
+
 function AQLIcon() {
 	return (
-		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 221.3 111.6">
-			<text
-				fill="#e76f51"
-				fontFamily="Montserrat-Bold, Montserrat"
-				fontSize="100"
-				transform="translate(.9 85)"
-			>
-				<tspan x="0" y="0" letterSpacing="0em">
-					A
-				</tspan>
-				<tspan x="75.6" y="0" letterSpacing="0em">
-					QL
-				</tspan>
-			</text>
-		</svg>
+		<SVG
+			xmlns="http://www.w3.org/2000/svg"
+			width="24"
+			height="24"
+			fill="none"
+			viewBox="0 0 24 24"
+		>
+			<Path fill="#2D2B55" d="M0 0h24v24H0V0z"></Path>
+			<Path
+				fill="#fff"
+				d="M17.936 8.438h1.217v6.125h2.867v1.093h-4.084V8.437zM10.364 12.047c0 .515.11.97.33 1.361.22.392.519.701.897.928.385.22.815.33 1.289.33.481 0 .907-.106 1.279-.32.371-.22.663-.522.876-.907.213-.385.32-.825.32-1.32 0-.495-.107-.942-.32-1.34a2.455 2.455 0 00-.886-.95c-.372-.233-.812-.35-1.32-.35-.475 0-.898.11-1.269.33-.371.22-.663.526-.877.918-.213.385-.32.825-.32 1.32zm-1.29 0c0-.543.094-1.042.28-1.495.192-.454.456-.846.793-1.176a3.685 3.685 0 011.197-.784c.46-.185.955-.278 1.485-.278.543 0 1.041.093 1.495.278a3.57 3.57 0 011.186.784c.337.33.598.722.784 1.176.185.453.278.952.278 1.495 0 .536-.093 1.034-.278 1.495-.186.46-.447.86-.784 1.196-.33.337-.722.602-1.176.795a3.941 3.941 0 01-1.505.278 3.964 3.964 0 01-1.496-.278 3.676 3.676 0 01-1.196-.795 3.545 3.545 0 01-.784-1.196 3.964 3.964 0 01-.278-1.495zm3.425.515H13.9l3.248 3.146h-1.433l-3.217-3.146z"
+			></Path>
+			<Path
+				fill="#E76F51"
+				d="M3.546 13.8l.227-1.031h3.351l.237 1.031H3.546zm1.887-3.32l-1.134 2.65-.021.268-1 2.258H1.906l3.527-7.62 3.527 7.62H7.588l-.98-2.196-.03-.3-1.145-2.68z"
+			></Path>
+		</SVG>
 	);
 }