Free SVG Download, Glow and Blend. Free SVG and PNG Vector Icons.

Klh2ICB0

N/A

-1px x -1px

2.36 KB

1.51 KB-36%

<svg height="300" width="400">
  <rect fill="#5d48c7" height="300" width="400"></rect>
  <defs>
    <filter height="200%" width="200%" y="-50%" x="-50%" id="my-blur">
      <feGaussianBlur stdDeviation="15"></feGaussianBlur>
    </filter>
    <filter height="200%" width="200%" y="-50%" x="-50%" id="glow_group_1">
      <feGaussianBlur result="blurred_1" stdDeviation="15" in="SourceGraphic"></feGaussianBlur>
      <feColorMatrix result="colored_blur_1" values="0.898039 0 0 0 0
        0 0.24313725 0 0 0
        0 0 0.470588 0 0
        0 0 0 1 0" type="matrix" in="blurred_1"></feColorMatrix>
    </filter>
    <filter height="200%" width="200%" y="-50%" x="-50%" id="glow_group_2">
      <feGaussianBlur result="blurred_2" stdDeviation="15" in="SourceGraphic"></feGaussianBlur>
      <feColorMatrix result="colored_blur_2" values="1 0 0 0 0
        0 0.6470588 0 0 0
        0 0 0 0 0
        0 0 0 1 0" type="matrix" in="blurred_2"></feColorMatrix>
    </filter>
    <filter height="200%" width="200%" y="-50%" x="-50%" id="glow_group_3">
      <feGaussianBlur result="blurred_3" stdDeviation="15" in="SourceGraphic"></feGaussianBlur>
      <feColorMatrix result="colored_blur_3" values="0.75 0 0 0 0
        0 0.2 0 0 0
        0 0 0 0.6 0
        0 0 0 1 0" type="matrix" in="blurred_3"></feColorMatrix>
    </filter>
    <g filter="url(#glow_group_1)" id="rect1">
      <rect fill="none" y="0" x="0" height="300" width="400"></rect>
      <rect fill="white" y="50" x="50" height="150" width="200"></rect>
    </g>
    <g filter="url(#glow_group_2)" id="rect2">
      <rect fill="none" y="0" x="0" height="300" width="400"></rect>
      <rect fill="white" y="100" x="100" height="150" width="200"></rect>
    </g>
    <g filter="url(#glow_group_3)" id="rect3">
      <rect fill="none" y="0" x="0" height="300" width="400"></rect>
      <rect fill="white" y="60" x="200" height="100" width="150"></rect>
    </g>
    <filter height="300" width="400" y="0" x="0" id="blend_single">
      <feImage result="image1" href="#rect1"></feImage>
      <feImage result="image2" href="#rect2"></feImage>
      <feImage result="image3" href="#rect3"></feImage>
      <feBlend result="image12" in2="image2" in="image1" mode="screen"></feBlend>
      <feBlend result="image13" in2="image12" in="image3" mode="screen"></feBlend>
    </filter>
  </defs>
  <rect filter="url(#blend_single)" height="1" width="1"></rect>
</svg>

Upload

100%

SVGViewer

-1px x -1px

2.36 KB

1.51 KB-36%

<svg height="300" width="400">
  <rect fill="#5d48c7" height="300" width="400"></rect>
  <defs>
    <filter height="200%" width="200%" y="-50%" x="-50%" id="my-blur">
      <feGaussianBlur stdDeviation="15"></feGaussianBlur>
    </filter>
    <filter height="200%" width="200%" y="-50%" x="-50%" id="glow_group_1">
      <feGaussianBlur result="blurred_1" stdDeviation="15" in="SourceGraphic"></feGaussianBlur>
      <feColorMatrix result="colored_blur_1" values="0.898039 0 0 0 0
        0 0.24313725 0 0 0
        0 0 0.470588 0 0
        0 0 0 1 0" type="matrix" in="blurred_1"></feColorMatrix>
    </filter>
    <filter height="200%" width="200%" y="-50%" x="-50%" id="glow_group_2">
      <feGaussianBlur result="blurred_2" stdDeviation="15" in="SourceGraphic"></feGaussianBlur>
      <feColorMatrix result="colored_blur_2" values="1 0 0 0 0
        0 0.6470588 0 0 0
        0 0 0 0 0
        0 0 0 1 0" type="matrix" in="blurred_2"></feColorMatrix>
    </filter>
    <filter height="200%" width="200%" y="-50%" x="-50%" id="glow_group_3">
      <feGaussianBlur result="blurred_3" stdDeviation="15" in="SourceGraphic"></feGaussianBlur>
      <feColorMatrix result="colored_blur_3" values="0.75 0 0 0 0
        0 0.2 0 0 0
        0 0 0 0.6 0
        0 0 0 1 0" type="matrix" in="blurred_3"></feColorMatrix>
    </filter>
    <g filter="url(#glow_group_1)" id="rect1">
      <rect fill="none" y="0" x="0" height="300" width="400"></rect>
      <rect fill="white" y="50" x="50" height="150" width="200"></rect>
    </g>
    <g filter="url(#glow_group_2)" id="rect2">
      <rect fill="none" y="0" x="0" height="300" width="400"></rect>
      <rect fill="white" y="100" x="100" height="150" width="200"></rect>
    </g>
    <g filter="url(#glow_group_3)" id="rect3">
      <rect fill="none" y="0" x="0" height="300" width="400"></rect>
      <rect fill="white" y="60" x="200" height="100" width="150"></rect>
    </g>
    <filter height="300" width="400" y="0" x="0" id="blend_single">
      <feImage result="image1" href="#rect1"></feImage>
      <feImage result="image2" href="#rect2"></feImage>
      <feImage result="image3" href="#rect3"></feImage>
      <feBlend result="image12" in2="image2" in="image1" mode="screen"></feBlend>
      <feBlend result="image13" in2="image12" in="image3" mode="screen"></feBlend>
    </filter>
  </defs>
  <rect filter="url(#blend_single)" height="1" width="1"></rect>
</svg>

Upload

100%