Current File : /home/pacjaorg/public_html/kmm/images/yootheme/squared-icon-monitor-metrics.svg

<svg xmlns="http://www.w3.org/2000/svg" width="130" height="130" viewBox="0 0 130 130">

  <defs>
    <linearGradient id="svg-defs-gradient-squared-icon-monitor-metrics" x1="35" y1="95" x2="95" y2="35" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#7141F1"/>
      <stop offset="0.7" stop-color="#4D6BD8"/>
      <stop offset="1" stop-color="#3183E2"/>
    </linearGradient>
    <mask id="svg-defs-mask-squared-icon-monitor-metrics">
      <path class="uk-preserve" d="M46.13,65.43A19.14,19.14,0,0,1,80.4,50.77" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/>
      <path class="uk-preserve" d="M83.7,58.06a19.42,19.42,0,0,1,.43,4.06A19.15,19.15,0,0,1,49.06,72.75" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/>
      <circle class="uk-preserve" cx="87.61" cy="49.07" r="3.48" fill="none" stroke="#fff" stroke-width="2"/>
      <circle class="uk-preserve" cx="71.95" cy="64.73" r="3.48" fill="none" stroke="#fff" stroke-width="2"/>
      <circle class="uk-preserve" cx="57.15" cy="59.51" r="3.48" fill="none" stroke="#fff" stroke-width="2"/>
      <circle class="uk-preserve" cx="42.36" cy="74.3" r="3.48" fill="none" stroke="#fff" stroke-width="2"/>
      <line class="uk-preserve" x1="74.56" y1="62.12" x2="85.15" y2="51.53" fill="none" stroke="#fff" stroke-width="2"/>
      <line class="uk-preserve" x1="60.43" y1="60.67" x2="68.47" y2="63.5" fill="none" stroke="#fff" stroke-width="2"/>
      <line class="uk-preserve" x1="44.82" y1="71.84" x2="54.69" y2="61.97" fill="none" stroke="#fff" stroke-width="2"/>
      <line class="uk-preserve" x1="78.52" y1="75.66" x2="89.52" y2="86.66" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/>
    </mask>
  </defs>

  <style>

    img[src*="squared-icon-monitor-metrics.svg"] + svg {
      filter: drop-shadow(20px 20px 20px rgba(60, 65, 124, 0.12)) drop-shadow(-20px -20px 20px rgba(255, 255, 255, 0.9));
      will-change: filter;
    }

  </style>

  <rect class="uk-preserve" x="0" y="0" width="130" height="130" rx="24" fill="#f7f8fc" />
  <rect class="uk-preserve" x="35" y="35" width="60" height="60" fill="url(#svg-defs-gradient-squared-icon-monitor-metrics)" mask="url(#svg-defs-mask-squared-icon-monitor-metrics)" />

</svg>