Current File : /home/pacjaorg/public_html/kmm/images/yootheme/feature-deployment-floating-icon.svg

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

  <defs>
    <linearGradient id="svg-defs-feature-deployment-floating-icon" x1="73.93" y1="446.09" x2="115.9" y2="404.11" gradientTransform="translate(0 -316.11)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#7141F1"/>
      <stop offset="0.7" stop-color="#4D6BD8"/>
      <stop offset="1" stop-color="#3183E2"/>
    </linearGradient>
  </defs>

  <mask id="svg-mask-feature-deployment-floating-icon">
    <polyline class="uk-preserve" points="123.14 65.75 123.14 75.79 113.48 75.79" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
    <polyline class="uk-preserve" points="72 129.41 72 119.36 81.67 119.36" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
    <path class="uk-preserve" d="M67.31,112.24a33.59,33.59,0,0,1,54.81-37.58" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="4"/>
    <path class="uk-preserve" d="M127.8,83a33.59,33.59,0,0,1-54.92,37.34" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="4"/>
  </mask>

  <style>

    img[src*="feature-deployment-floating-icon.svg"] + svg {
      background-color: rgba(245, 247, 252, 0.85);
      border-radius: 50px;
    }

    @supports (backdrop-filter:blur(0)) or (-webkit-backdrop-filter:blur(0)) {

      img[src*="feature-deployment-floating-icon.svg"] + svg {
          background-color: transparent;
          -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
      }

    }

  </style>

  <rect class="uk-preserve" x="23.56" y="58.01" width="145.36" height="79.82" fill="url(#svg-defs-feature-deployment-floating-icon)" mask="url(#svg-mask-feature-deployment-floating-icon)"/>
  <rect width="195" height="195" fill="none"/>

</svg>