Foundation Comparison SVG illustration, isometric

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/zYkN6DJYLhEa/v1.svg" alt="Foundation Comparison" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" width="1600" height="900"><defs><linearGradient id="g0" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="1" y2="1" gradientTransform="matrix(177 0 0 121 1030 447)"><stop offset="0" stop-color="#738692"/><stop offset="0.25" stop-color="#f3fafc"/><stop offset="0.48" stop-color="#a9bbc5"/><stop offset="0.75" stop-color="#e0e9ec"/><stop offset="1" stop-color="#687d89"/></linearGradient><linearGradient id="g1" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="1" y2="1" gradientTransform="matrix(115 0 0 264 1104 458)"><stop offset="0" stop-color="#738692"/><stop offset="0.25" stop-color="#f3fafc"/><stop offset="0.48" stop-color="#a9bbc5"/><stop offset="0.75" stop-color="#e0e9ec"/><stop offset="1" stop-color="#687d89"/></linearGradient><linearGradient id="g2" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="1" y2="1" gradientTransform="matrix(135 0 0 262 1243 458)"><stop offset="0" stop-color="#738692"/><stop offset="0.25" stop-color="#f3fafc"/><stop offset="0.48" stop-color="#a9bbc5"/><stop offset="0.75" stop-color="#e0e9ec"/><stop offset="1" stop-color="#687d89"/></linearGradient><linearGradient id="g3" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="1" y2="1" gradientTransform="matrix(196 0 0 115 1254 445)"><stop offset="0" stop-color="#738692"/><stop offset="0.25" stop-color="#f3fafc"/><stop offset="0.48" stop-color="#a9bbc5"/><stop offset="0.75" stop-color="#e0e9ec"/><stop offset="1" stop-color="#687d89"/></linearGradient></defs><g id="layer-1" data-name="Text 1"><g><text x="800" y="75" text-anchor="middle" fill="#0c1930" font-family="Arial,Helvetica,sans-serif" font-size="37" font-weight="800" letter-spacing="1.2">CONVENTIONAL FOUNDATION <tspan fill="#258ea4">vs</tspan> PEN FOUNDATION</text></g></g><g id="layer-2" data-name="Shape 2"><path d="M410 100L1190 100" fill="#000000" stroke="#2598ab" stroke-width="4" stroke-linecap="round"/></g><g id="layer-3" data-name="Group 3"><g><defs><filter id="k1_0" x="-30%" y="-30%" width="160%" height="170%"><feDropShadow dx="2" dy="9" stdDeviation="8" flood-color="#102136" flood-opacity=".27"/></filter><linearGradient id="k1_1" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#aa805b"/><stop offset=".48" stop-color="#856044"/><stop offset="1" stop-color="#634632"/></linearGradient><linearGradient id="k1_2" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#78563d"/><stop offset="1" stop-color="#4d372b"/></linearGradient><pattern id="k1_3" width="43" height="36" patternUnits="userSpaceOnUse"><path d="m4 11 13 3m14 16 8-2M8 31l5-2" stroke="#d6b18a" stroke-width="1" opacity=".34"/><circle cx="31" cy="8" r="2" fill="#47382e" opacity=".32"/><circle cx="20" cy="25" r="1.6" fill="#e4c299" opacity=".48"/></pattern></defs><g filter="url(#k1_0)"><path d="M92 367 590 367 709 433 211 433Z" fill="#c6a17a" stroke="#4b4137" stroke-width="2"/><path d="M211 433H709V763H211Z" fill="url(#k1_1)" stroke="#49382d" stroke-width="2"/><path d="M92 367 211 433V763L92 697Z" fill="url(#k1_2)" stroke="#49382d" stroke-width="2"/><path d="M211 433H709V763H211Z" fill="url(#k1_3)"/><path d="M92 367 211 433V763L92 697Z" fill="url(#k1_3)"/><path d="M211 494q112 12 244 0t254 1M211 578q129-13 247 1t251-2M211 675q121 11 244-3t254 4" style="fill:none;stroke:#493728;stroke-width:3;opacity:.5"/><path d="M92 432 211 499M92 527 211 594M92 623 211 690" style="fill:none;stroke:#493728;stroke-width:3;opacity:.5"/><path d="M92 367 590 367 709 433" fill="none" stroke="#e6c397" stroke-width="5"/><path d="M170 410 527 410 625 466 267 466Z" fill="#a17c5b" stroke="#594334" stroke-width="3"/><path d="M267 466H625V698H267Z" fill="#694c38" stroke="#4f392b" stroke-width="3"/><path d="M170 410 267 466V698L170 640Z" fill="#77553d" stroke="#4f392b" stroke-width="3"/><path d="M269 485H623M269 503H623M269 522H623" stroke="#c19b72" stroke-width="2" stroke-dasharray="8 8" opacity=".7"/><path d="M169 409 527 409 625 466" fill="none" stroke="#e6c397" stroke-width="3"/><path d="M2
…

.foundation-comparison {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/zYkN6DJYLhEa/v1.svg");
  background-size: contain;
}

import FoundationComparisonSvg from "./foundation-comparison.jsx"; // from the React tab above

<FoundationComparisonSvg width={48} height={48} />