icon.svg

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

      .cls-2 {
        fill: #34495e;
      }

      .cls-3 {
        opacity: 0.25;
      }

      .cls-4 {
        fill: #e58833;
      }

      .cls-5 {
        fill: #97baf6;
      }

      .cls-6 {
        fill: none;
      }
    </style>
  </defs>
  <title>image hotpots</title>
  <g id="Layer_2" data-name="Layer 2">
    <g id="image_hotpots" data-name="image hotpots">
      <g>
        <rect class="cls-1" x="118.96" y="51.79" width="169.92" height="122.69"/>
        <polygon class="cls-2" points="280 110.63 290 121.03 290 175.5 118 175.5 118 152.62 157.01 113.13 176.5 132.88 191.96 117.3 239.43 69.6 280 110.63"/>
        <circle class="cls-2" cx="146.29" cy="78.5" r="18.08"/>
        <g>
          <g class="cls-3">
            <path d="M262.27,79A20.27,20.27,0,1,0,242,99.26,20.27,20.27,0,0,0,262.27,79Z"/>
          </g>
          <path class="cls-4" d="M258.22,74.94a20.27,20.27,0,1,0-20.27,20.27A20.27,20.27,0,0,0,258.22,74.94Z"/>
        </g>
        <path class="cls-1" d="M249.52,76.51a1.58,1.58,0,0,1-1.58,1.58H241.1v6.84a1.58,1.58,0,0,1-1.58,1.58h-3.15a1.58,1.58,0,0,1-1.58-1.58V78.09H228a1.58,1.58,0,0,1-1.58-1.58V73.36A1.58,1.58,0,0,1,228,71.78h6.84V64.94a1.58,1.58,0,0,1,1.58-1.58h3.15a1.58,1.58,0,0,1,1.58,1.58v6.84h6.84a1.58,1.58,0,0,1,1.58,1.58Z"/>
        <g>
          <g>
            <g class="cls-3">
              <path d="M242.13,145a20.27,20.27,0,1,0-20.27,20.27A20.27,20.27,0,0,0,242.13,145Z"/>
            </g>
            <path class="cls-4" d="M238.08,140.91a20.27,20.27,0,1,0-20.27,20.27A20.27,20.27,0,0,0,238.08,140.91Z"/>
          </g>
          <path class="cls-1" d="M229.38,142.49a1.58,1.58,0,0,1-1.58,1.58H221v6.84a1.58,1.58,0,0,1-1.58,1.58h-3.15a1.58,1.58,0,0,1-1.58-1.58v-6.84h-6.84a1.58,1.58,0,0,1-1.58-1.58v-3.16a1.58,1.58,0,0,1,1.58-1.58h6.84v-6.84a1.58,1.58,0,0,1,1.58-1.58h3.15a1.58,1.58,0,0,1,1.58,1.58v6.84h6.84a1.58,1.58,0,0,1,1.58,1.58Z"/>
        </g>
        <g>
          <g class="cls-3">
            <path d="M182.4,100.51a20.27,20.27,0,1,0-20.27,20.27A20.27,20.27,0,0,0,182.4,100.51Z"/>
          </g>
          <path class="cls-4" d="M178.35,96.46a20.27,20.27,0,1,0-20.27,20.27A20.27,20.27,0,0,0,178.35,96.46Z"/>
        </g>
        <path class="cls-1" d="M169.66,98a1.58,1.58,0,0,1-1.58,1.58h-6.84v6.84a1.58,1.58,0,0,1-1.58,1.58H156.5a1.58,1.58,0,0,1-1.58-1.58V99.62h-6.84A1.58,1.58,0,0,1,146.51,98V94.89a1.58,1.58,0,0,1,1.58-1.58h6.84V86.47a1.58,1.58,0,0,1,1.58-1.58h3.15a1.58,1.58,0,0,1,1.58,1.58v6.84h6.84a1.58,1.58,0,0,1,1.58,1.58Z"/>
        <path class="cls-5" d="M289.21,52.08V175.25H118.62V52.08H289.21m12.91-12.91H105.71v149H302.12v-149Z"/>
      </g>
      <rect class="cls-6" width="400" height="225"/>
    </g>
  </g>
</svg>