background blur light

Material Symbols icon · background-blur-light

License: Apache 2.0
Author: Google
Grid: 24×24

Check the license before commercial use. Some sets ask you to credit the author.

Use this icon in your code

Pick how you want to install it. The snippets follow the color, size and stroke you set in the panel.

Smallest install: just this one library.

terminal

npm install @rdicons/react-material-symbols

your code

import { BackgroundBlurLight } from '@rdicons/react-material-symbols'

export function Example() {
  return <BackgroundBlurLight />
}

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#000000" d="M3 14.5q-.2 0-.35-.15T2.5 14q0-.2.15-.35T3 13.5q.2 0 .35.15t.15.35q0 .2-.15.35T3 14.5Zm0-4q-.2 0-.35-.15T2.5 10q0-.2.15-.35T3 9.5q.2 0 .35.15t.15.35q0 .2-.15.35T3 10.5Zm3 8.25q-.325 0-.537-.213T5.25 18q0-.325.213-.537T6 17.25q.325 0 .537.213T6.75 18q0 .325-.213.537T6 18.75Zm0-4q-.325 0-.537-.213T5.25 14q0-.325.213-.537T6 13.25q.325 0 .537.213T6.75 14q0 .325-.213.537T6 14.75Zm0-4q-.325 0-.537-.213T5.25 10q0-.325.213-.537T6 9.25q.325 0 .537.213T6.75 10q0 .325-.213.537T6 10.75Zm0-4q-.325 0-.537-.213T5.25 6q0-.325.213-.537T6 5.25q.325 0 .537.213T6.75 6q0 .325-.213.537T6 6.75Zm4 12q-.325 0-.537-.213T9.25 18q0-.325.213-.537T10 17.25q.325 0 .537.213t.213.537q0 .325-.213.537T10 18.75Zm0-12q-.325 0-.537-.213T9.25 6q0-.325.213-.537T10 5.25q.325 0 .537.213T10.75 6q0 .325-.213.537T10 6.75Zm0 14.75q-.2 0-.35-.15T9.5 21q0-.2.15-.35t.35-.15q.2 0 .35.15t.15.35q0 .2-.15.35t-.35.15Zm0-18q-.2 0-.35-.15T9.5 3q0-.2.15-.35T10 2.5q.2 0 .35.15t.15.35q0 .2-.15.35T10 3.5Zm4 15.25q-.325 0-.537-.213T13.25 18q0-.325.213-.537T14 17.25q.325 0 .537.213t.213.537q0 .325-.213.537T14 18.75Zm0-12q-.325 0-.537-.213T13.25 6q0-.325.213-.537T14 5.25q.325 0 .537.213T14.75 6q0 .325-.213.537T14 6.75Zm0 14.75q-.2 0-.35-.15T13.5 21q0-.2.15-.35t.35-.15q.2 0 .35.15t.15.35q0 .2-.15.35t-.35.15Zm0-18q-.2 0-.35-.15T13.5 3q0-.2.15-.35T14 2.5q.2 0 .35.15t.15.35q0 .2-.15.35T14 3.5Zm4 15.25q-.325 0-.537-.213T17.25 18q0-.325.213-.537T18 17.25q.325 0 .537.213t.213.537q0 .325-.213.537T18 18.75Zm0-4q-.325 0-.537-.213T17.25 14q0-.325.213-.537T18 13.25q.325 0 .537.213t.213.537q0 .325-.213.537T18 14.75Zm0-4q-.325 0-.537-.213T17.25 10q0-.325.213-.537T18 9.25q.325 0 .537.213t.213.537q0 .325-.213.537T18 10.75Zm0-4q-.325 0-.537-.213T17.25 6q0-.325.213-.537T18 5.25q.325 0 .537.213T18.75 6q0 .325-.213.537T18 6.75Zm3 7.75q-.2 0-.35-.15T20.5 14q0-.2.15-.35t.35-.15q.2 0 .35.15t.15.35q0 .2-.15.35t-.35.15Zm0-4q-.2 0-.35-.15T20.5 10q0-.2.15-.35T21 9.5q.2 0 .35.15t.15.35q0 .2-.15.35t-.35.15ZM8 16v-.55q0-1.3 1.25-1.875T12 13q1.5 0 2.75.575T16 15.45V16H8Zm4-4q-.825 0-1.413-.588T10 10q0-.825.588-1.413T12 8q.825 0 1.413.588T14 10q0 .825-.588 1.413T12 12Z"/></svg>

background blur light

Use this icon in your code

SVG code

More from Material Symbols