background blur light icon

background-blur-light from Material Symbols by Google · Regular · Apache-2.0 Free for personal and commercial use.

Name: background-blur-light
Set: Material Symbols
Style: Regular
Viewbox: 24×24
License: Apache 2.0

1 other variant in Material Symbols

Related icons in Material Symbols

background-blur-full background-dot-large background-dot-small background-grid-small background-replace

Use the background blur light icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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>

React

import type { SVGProps } from "react";

export function MaterialSymbolsBackgroundBlurLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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>
</template>

CSS

.icon-background-blur-light {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%2014.5q-.2%200-.35-.15T2.5%2014q0-.2.15-.35T3%2013.5q.2%200%20.35.15t.15.35q0%20.2-.15.35T3%2014.5Zm0-4q-.2%200-.35-.15T2.5%2010q0-.2.15-.35T3%209.5q.2%200%20.35.15t.15.35q0%20.2-.15.35T3%2010.5Zm3%208.25q-.325%200-.537-.213T5.25%2018q0-.325.213-.537T6%2017.25q.325%200%20.537.213T6.75%2018q0%20.325-.213.537T6%2018.75Zm0-4q-.325%200-.537-.213T5.25%2014q0-.325.213-.537T6%2013.25q.325%200%20.537.213T6.75%2014q0%20.325-.213.537T6%2014.75Zm0-4q-.325%200-.537-.213T5.25%2010q0-.325.213-.537T6%209.25q.325%200%20.537.213T6.75%2010q0%20.325-.213.537T6%2010.75Zm0-4q-.325%200-.537-.213T5.25%206q0-.325.213-.537T6%205.25q.325%200%20.537.213T6.75%206q0%20.325-.213.537T6%206.75Zm4%2012q-.325%200-.537-.213T9.25%2018q0-.325.213-.537T10%2017.25q.325%200%20.537.213t.213.537q0%20.325-.213.537T10%2018.75Zm0-12q-.325%200-.537-.213T9.25%206q0-.325.213-.537T10%205.25q.325%200%20.537.213T10.75%206q0%20.325-.213.537T10%206.75Zm0%2014.75q-.2%200-.35-.15T9.5%2021q0-.2.15-.35t.35-.15q.2%200%20.35.15t.15.35q0%20.2-.15.35t-.35.15Zm0-18q-.2%200-.35-.15T9.5%203q0-.2.15-.35T10%202.5q.2%200%20.35.15t.15.35q0%20.2-.15.35T10%203.5Zm4%2015.25q-.325%200-.537-.213T13.25%2018q0-.325.213-.537T14%2017.25q.325%200%20.537.213t.213.537q0%20.325-.213.537T14%2018.75Zm0-12q-.325%200-.537-.213T13.25%206q0-.325.213-.537T14%205.25q.325%200%20.537.213T14.75%206q0%20.325-.213.537T14%206.75Zm0%2014.75q-.2%200-.35-.15T13.5%2021q0-.2.15-.35t.35-.15q.2%200%20.35.15t.15.35q0%20.2-.15.35t-.35.15Zm0-18q-.2%200-.35-.15T13.5%203q0-.2.15-.35T14%202.5q.2%200%20.35.15t.15.35q0%20.2-.15.35T14%203.5Zm4%2015.25q-.325%200-.537-.213T17.25%2018q0-.325.213-.537T18%2017.25q.325%200%20.537.213t.213.537q0%20.325-.213.537T18%2018.75Zm0-4q-.325%200-.537-.213T17.25%2014q0-.325.213-.537T18%2013.25q.325%200%20.537.213t.213.537q0%20.325-.213.537T18%2014.75Zm0-4q-.325%200-.537-.213T17.25%2010q0-.325.213-.537T18%209.25q.325%200%20.537.213t.213.537q0%20.325-.213.537T18%2010.75Zm0-4q-.325%200-.537-.213T17.25%206q0-.325.213-.537T18%205.25q.325%200%20.537.213T18.75%206q0%20.325-.213.537T18%206.75Zm3%207.75q-.2%200-.35-.15T20.5%2014q0-.2.15-.35t.35-.15q.2%200%20.35.15t.15.35q0%20.2-.15.35t-.35.15Zm0-4q-.2%200-.35-.15T20.5%2010q0-.2.15-.35T21%209.5q.2%200%20.35.15t.15.35q0%20.2-.15.35t-.35.15ZM8%2016v-.55q0-1.3%201.25-1.875T12%2013q1.5%200%202.75.575T16%2015.45V16H8Zm4-4q-.825%200-1.413-.588T10%2010q0-.825.588-1.413T12%208q.825%200%201.413.588T14%2010q0%20.825-.588%201.413T12%2012Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%2014.5q-.2%200-.35-.15T2.5%2014q0-.2.15-.35T3%2013.5q.2%200%20.35.15t.15.35q0%20.2-.15.35T3%2014.5Zm0-4q-.2%200-.35-.15T2.5%2010q0-.2.15-.35T3%209.5q.2%200%20.35.15t.15.35q0%20.2-.15.35T3%2010.5Zm3%208.25q-.325%200-.537-.213T5.25%2018q0-.325.213-.537T6%2017.25q.325%200%20.537.213T6.75%2018q0%20.325-.213.537T6%2018.75Zm0-4q-.325%200-.537-.213T5.25%2014q0-.325.213-.537T6%2013.25q.325%200%20.537.213T6.75%2014q0%20.325-.213.537T6%2014.75Zm0-4q-.325%200-.537-.213T5.25%2010q0-.325.213-.537T6%209.25q.325%200%20.537.213T6.75%2010q0%20.325-.213.537T6%2010.75Zm0-4q-.325%200-.537-.213T5.25%206q0-.325.213-.537T6%205.25q.325%200%20.537.213T6.75%206q0%20.325-.213.537T6%206.75Zm4%2012q-.325%200-.537-.213T9.25%2018q0-.325.213-.537T10%2017.25q.325%200%20.537.213t.213.537q0%20.325-.213.537T10%2018.75Zm0-12q-.325%200-.537-.213T9.25%206q0-.325.213-.537T10%205.25q.325%200%20.537.213T10.75%206q0%20.325-.213.537T10%206.75Zm0%2014.75q-.2%200-.35-.15T9.5%2021q0-.2.15-.35t.35-.15q.2%200%20.35.15t.15.35q0%20.2-.15.35t-.35.15Zm0-18q-.2%200-.35-.15T9.5%203q0-.2.15-.35T10%202.5q.2%200%20.35.15t.15.35q0%20.2-.15.35T10%203.5Zm4%2015.25q-.325%200-.537-.213T13.25%2018q0-.325.213-.537T14%2017.25q.325%200%20.537.213t.213.537q0%20.325-.213.537T14%2018.75Zm0-12q-.325%200-.537-.213T13.25%206q0-.325.213-.537T14%205.25q.325%200%20.537.213T14.75%206q0%20.325-.213.537T14%206.75Zm0%2014.75q-.2%200-.35-.15T13.5%2021q0-.2.15-.35t.35-.15q.2%200%20.35.15t.15.35q0%20.2-.15.35t-.35.15Zm0-18q-.2%200-.35-.15T13.5%203q0-.2.15-.35T14%202.5q.2%200%20.35.15t.15.35q0%20.2-.15.35T14%203.5Zm4%2015.25q-.325%200-.537-.213T17.25%2018q0-.325.213-.537T18%2017.25q.325%200%20.537.213t.213.537q0%20.325-.213.537T18%2018.75Zm0-4q-.325%200-.537-.213T17.25%2014q0-.325.213-.537T18%2013.25q.325%200%20.537.213t.213.537q0%20.325-.213.537T18%2014.75Zm0-4q-.325%200-.537-.213T17.25%2010q0-.325.213-.537T18%209.25q.325%200%20.537.213t.213.537q0%20.325-.213.537T18%2010.75Zm0-4q-.325%200-.537-.213T17.25%206q0-.325.213-.537T18%205.25q.325%200%20.537.213T18.75%206q0%20.325-.213.537T18%206.75Zm3%207.75q-.2%200-.35-.15T20.5%2014q0-.2.15-.35t.35-.15q.2%200%20.35.15t.15.35q0%20.2-.15.35t-.35.15Zm0-4q-.2%200-.35-.15T20.5%2010q0-.2.15-.35T21%209.5q.2%200%20.35.15t.15.35q0%20.2-.15.35t-.35.15ZM8%2016v-.55q0-1.3%201.25-1.875T12%2013q1.5%200%202.75.575T16%2015.45V16H8Zm4-4q-.825%200-1.413-.588T10%2010q0-.825.588-1.413T12%208q.825%200%201.413.588T14%2010q0%20.825-.588%201.413T12%2012Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/background-blur-light.svg?color=%231a73e8&size=48