icon.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225">
  <defs>
    <style>
      .cls-1 {
        isolation: isolate;
      }

      .cls-2 {
        fill: #66b27f;
      }

      .cls-3, .cls-9 {
        opacity: 0.15;
      }

      .cls-4 {
        fill: #231f20;
      }

      .cls-5 {
        fill: #fff;
      }

      .cls-6 {
        opacity: 0.5;
      }

      .cls-7 {
        opacity: 0.2;
      }

      .cls-7, .cls-9 {
        mix-blend-mode: multiply;
      }

      .cls-8 {
        fill: #8db7e2;
      }

      .cls-10 {
        fill: #79aad3;
      }

      .cls-11 {
        fill: #b0afad;
      }

      .cls-12 {
        fill: none;
      }
    </style>
  </defs>
  <title>drag the words</title>
  <g class="cls-1">
    <g id="Layer_2" data-name="Layer 2">
      <g id="drag_the_words" data-name="drag the words">
        <g>
          <rect class="cls-2" x="134.51" y="26.81" width="138.97" height="173.38"/>
          <g>
            <g class="cls-3">
              <rect class="cls-4" x="150.5" y="43.46" width="112.82" height="145.91"/>
            </g>
            <rect class="cls-5" x="147.59" y="40.55" width="112.82" height="145.91"/>
          </g>
          <g class="cls-6">
            <g class="cls-7">
              <rect x="161.52" y="166.4" width="33.32" height="9.71" rx="2.62" ry="2.62"/>
            </g>
            <rect class="cls-8" x="160.74" y="164.84" width="33.32" height="9.71" rx="2.62" ry="2.62"/>
          </g>
          <g class="cls-6">
            <g class="cls-7">
              <rect x="199.93" y="166.4" width="22.43" height="9.71" rx="2.62" ry="2.62"/>
            </g>
            <rect class="cls-8" x="199.15" y="164.84" width="22.43" height="9.71" rx="2.62" ry="2.62"/>
          </g>
          <g>
            <g class="cls-9">
              <rect x="180.29" y="137.86" width="60.17" height="14.49" rx="2.62" ry="2.62"/>
            </g>
            <rect class="cls-10" x="172.52" y="130.09" width="60.17" height="14.49" rx="2.62" ry="2.62"/>
          </g>
          <g class="cls-6">
            <path class="cls-8" d="M200.14,75.15H174.61A1.17,1.17,0,0,1,173.45,74V69.33A1.35,1.35,0,0,1,174.61,68h25.53a1.35,1.35,0,0,1,1.16,1.36V74A1.17,1.17,0,0,1,200.14,75.15Z"/>
          </g>
          <path class="cls-11" d="M168.48,75.15H161.9A1.17,1.17,0,0,1,160.74,74V69.33A1.35,1.35,0,0,1,161.9,68h6.58a1.35,1.35,0,0,1,1.16,1.36V74A1.17,1.17,0,0,1,168.48,75.15Z"/>
          <path class="cls-11" d="M220.12,75.15H206.41A1.17,1.17,0,0,1,205.24,74V69.33A1.35,1.35,0,0,1,206.41,68h13.71a1.35,1.35,0,0,1,1.16,1.36V74A1.17,1.17,0,0,1,220.12,75.15Z"/>
          <path class="cls-11" d="M248.51,75.15H226.85A1.17,1.17,0,0,1,225.69,74V69.33A1.35,1.35,0,0,1,226.85,68h21.66a1.35,1.35,0,0,1,1.16,1.36V74A1.17,1.17,0,0,1,248.51,75.15Z"/>
          <rect class="cls-11" x="160.74" y="89.49" width="12.7" height="7.18" rx="1.16" ry="1.16"/>
          <rect class="cls-11" x="176.9" y="89.49" width="9.93" height="7.18" rx="1.16" ry="1.16"/>
          <rect class="cls-11" x="211.35" y="89.49" width="19.66" height="7.18" rx="1.16" ry="1.16"/>
          <rect class="cls-11" x="234.57" y="89.49" width="7.55" height="7.18" rx="1.16" ry="1.16"/>
          <g class="cls-6">
            <rect class="cls-8" x="190.33" y="89.49" width="16.88" height="7.18" rx="1.16" ry="1.16"/>
          </g>
          <rect class="cls-11" x="223.3" y="111" width="9.93" height="7.18" rx="1.16" ry="1.16"/>
          <rect class="cls-11" x="160.74" y="111" width="15.1" height="7.18" rx="1.16" ry="1.16"/>
          <rect class="cls-10" x="179.61" y="111" width="39.64" height="7.18" rx="1.16" ry="1.16"/>
        </g>
        <rect class="cls-12" width="400" height="225"/>
      </g>
    </g>
  </g>
</svg>