mmv1/images/magic-modules.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 299 170">
  <linearGradient id="a" x1="63.663%" x2="28.368%" y1="77.724%" y2="30.942%">
    <stop offset="0" stop-color="#25272b"/>
    <stop offset=".519" stop-color="#5f6368"/>
    <stop offset="1" stop-color="#25272b"/>
  </linearGradient>
  <linearGradient id="b" x1="13.613%" x2="84.468%" y1="6.413%" y2="88.196%">
    <stop offset="0" stop-color="#25272b"/>
    <stop offset=".503" stop-color="#7b7f84"/>
    <stop offset="1" stop-color="#25272b"/>
  </linearGradient>
  <linearGradient id="c" x1="19.653%" x2="90.594%" y1="0%" y2="100%">
    <stop offset="0"/>
    <stop offset=".501" stop-color="#3a3c42"/>
    <stop offset="1"/>
  </linearGradient>
  <linearGradient id="d" x1="14.763%" x2="62.778%" y1="8.419%" y2="95.703%">
    <stop offset="0"/>
    <stop offset=".512" stop-color="#383b40"/>
    <stop offset="1"/>
  </linearGradient>
  <linearGradient id="e" x1="95%" x2="44.074%" y1="70.621%" y2="45.109%">
    <stop offset="0" stop-color="#255fdb"/>
    <stop offset="1" stop-color="#4285f4"/>
  </linearGradient>
  <linearGradient id="f" x1="77.173%" x2="43.198%" y1="85.431%" y2="34.868%">
    <stop offset="0" stop-color="#f9ab00"/>
    <stop offset="1" stop-color="#fbbc05"/>
  </linearGradient>
  <linearGradient id="g" x1="50%" x2="50%" y1="0%" y2="100%">
    <stop offset="0" stop-color="#25272b"/>
    <stop offset=".331" stop-color="#5f6368"/>
    <stop offset="1" stop-color="#25272b"/>
  </linearGradient>
  <linearGradient id="h" x1="50%" x2="50%" y1="0%" y2="100%">
    <stop offset="0" stop-color="#e8eaed"/>
    <stop offset=".331" stop-color="#fff"/>
    <stop offset="1" stop-color="#e8eaed"/>
  </linearGradient>
  <g fill="none" fill-rule="evenodd">
    <g stroke="#000">
      <path fill="url(#a)" d="M.996 46.201c4.344 9.345 9.963 18.595 16.858 27.752 6.894 9.157 15.576 18.408 26.044 27.752 11.175-12.16 19.484-20.363 24.93-24.608 5.444-4.245 13.07-8.468 22.88-12.667L48.013 10.965c-10.372 9.84-18.155 16.787-23.35 20.845C19.465 35.867 11.577 40.664.995 46.2z" transform="translate(0 67)"/>
      <path fill="url(#b)" d="M35.47 2.41C38.147.59 41.386.59 42.75.59c1.364 0 5.9.368 9.594 3.889C56.04 8 66.468 20.185 71.667 32s7.444 36.944 9.965 41.58 5.972 5.983 9.368 6.473 7.77-1.388 10-4.904c2.23-3.516 1.931-11.2.628-15.175C100.324 56 97.156 52.241 93 47.514s-15.516-11.996-27.081-17.28-26.99-11.148-30.45-13.19-4.483-5.089-4.483-7.43c0-2.342 1.804-5.384 4.483-7.204z" transform="translate(0 67)"/>
      <path fill="url(#c)" d="M39 19.052c9.473 7.523 16.583 14.2 21.331 20.032C65.08 44.916 71.73 55.14 80.282 69.757l11.469-4.421C83.22 50.6 76.429 40.009 71.381 33.56c-1.687-2.153-5.144-2.2-7.425-4.685C60.924 25.573 53.618 21.281 42.037 16z" transform="translate(0 67)"/>
      <path fill="url(#d)" d="M87.78 43C83.154 39.46 76.893 35.743 69 31.85c-4.924-2.428-13.024-4.789-20.9-8.183-4.747-2.046-10.908-4.098-14.15-7.213s-2.431-5.836-2-8.31c.289-1.65 1.78-3.606 4.476-5.87-.9 4.348-.2 7.657 2.099 9.927 2.3 2.27 8.476 5.75 18.528 10.436 7.734 3.019 13.359 5.694 16.875 8.024 3.517 2.33 8.134 6.443 13.853 12.339z" transform="translate(0 67)"/>
    </g>
    <g fill="url(#e)">
      <path d="M126.454 31.5l9.5 16.454-9.5 16.455h-19l-9.5-16.455 9.5-16.454zM174.454 56.5l9.5 16.454-9.5 16.455h-19l-9.5-16.455 9.5-16.454zM218.454 62.5l9.5 16.454-9.5 16.455h-19l-9.5-16.455 9.5-16.454zM134.09 68.135l9.135 15.822-9.134 15.821h-18.27l-9.134-15.821 9.135-15.821zM145.363 103.385l4.385 7.594-4.385 7.595h-8.769l-4.384-7.594 4.385-7.595zM117.364 105.385l4.384 7.594-4.385 7.595h-8.768l-4.385-7.594 4.385-7.595zM99.364 89.385l4.385 7.594-4.385 7.595h-8.769L86.21 96.98l4.385-7.595zM81.363 79.385l4.385 7.593-4.385 7.595h-8.769L68.21 86.98l4.385-7.595zM85.364 61.385l4.384 7.593-4.385 7.595h-8.768l-4.385-7.594 4.385-7.595z"/>
    </g>
    <path fill="url(#f)" d="M9.777 14.527l-5.583 2.936 1.066-6.218L.742 6.842l6.243-.907L9.777.277l2.792 5.658 6.244.907-4.518 4.403 1.066 6.218z" transform="rotate(27 93.37 352.217)"/>
    <path fill="url(#f)" d="M11.244 16.707l-6.421 3.376 1.226-7.151L.854 7.868l7.179-1.043L11.244.319l3.211 6.506 7.179 1.043-5.195 5.064 1.227 7.151z" transform="rotate(7 2.502 1114.18)"/>
    <path fill="url(#f)" d="M8.311 12.348l-4.747 2.496.907-5.285-3.84-3.743 5.307-.772L8.311.236l2.373 4.808 5.307.772-3.84 3.743.906 5.285z" transform="rotate(18 -11.923 517.243)"/>
    <path fill="url(#g)" d="M185.481 38.565h114v11h-114z" transform="rotate(15 242.481 44.065)"/>
    <path fill="url(#h)" d="M157.912 19.895h30v11h-30z" transform="rotate(15 172.912 25.395)"/>
  </g>
</svg>