Current File : /home/pacjaorg/www/kmm/images/yootheme/enterprise-feature-enterprise-cloud-floating-icon.svg

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

  <defs>
    <linearGradient id="svg-defs-gradient-enterprise-feature-enterprise-cloud-floating-icon" x1="15" y1="65" x2="65" y2="15" 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-enterprise-feature-enterprise-cloud-floating-icon">
      <polyline class="uk-preserve" points="77.52 65.5 89.58 53.45 101.38 65.25" fill="none" stroke="#4fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
      <line class="uk-preserve" x1="89.57" y1="53.7" x2="89.57" y2="95.85" fill="none" stroke="#4fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
      <polyline class="uk-preserve" points="73.78 83.8 61.72 95.86 49.92 84.05" fill="none" stroke="#4fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
      <line class="uk-preserve" x1="61.72" y1="95.6" x2="61.72" y2="53.45" fill="none" stroke="#4fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
    </mask>
  </defs>

  <style>

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

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

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

    }

  </style>

  <rect class="uk-preserve" x="30" y="30" width="90" height="90" fill="url(#svg-defs-gradient-enterprise-feature-enterprise-cloud-floating-icon)" mask="url(#svg-defs-mask-enterprise-feature-enterprise-cloud-floating-icon)"/>
  <rect width="150" height="150" fill="none"/>

</svg>