background blur full icon

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

Name: background-blur-full
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-light background-dot-large background-dot-small background-grid-small background-replace

Use the background blur full 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.5ZM6 19q-.425 0-.713-.288T5 18q0-.425.288-.713T6 17q.425 0 .713.288T7 18q0 .425-.288.713T6 19Zm0-4q-.425 0-.713-.288T5 14q0-.425.288-.713T6 13q.425 0 .713.288T7 14q0 .425-.288.713T6 15Zm0-4q-.425 0-.713-.288T5 10q0-.425.288-.713T6 9q.425 0 .713.288T7 10q0 .425-.288.713T6 11Zm0-4q-.425 0-.713-.288T5 6q0-.425.288-.713T6 5q.425 0 .713.288T7 6q0 .425-.288.713T6 7Zm4 12q-.425 0-.713-.288T9 18q0-.425.288-.713T10 17q.425 0 .713.288T11 18q0 .425-.288.713T10 19Zm0-12q-.425 0-.713-.288T9 6q0-.425.288-.713T10 5q.425 0 .713.288T11 6q0 .425-.288.713T10 7Zm0 14.5q-.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.5ZM14 19q-.425 0-.713-.288T13 18q0-.425.288-.713T14 17q.425 0 .713.288T15 18q0 .425-.288.713T14 19Zm0-12q-.425 0-.713-.288T13 6q0-.425.288-.713T14 5q.425 0 .713.288T15 6q0 .425-.288.713T14 7Zm0 14.5q-.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.5ZM18 19q-.425 0-.713-.288T17 18q0-.425.288-.713T18 17q.425 0 .713.288T19 18q0 .425-.288.713T18 19Zm0-4q-.425 0-.713-.288T17 14q0-.425.288-.713T18 13q.425 0 .713.288T19 14q0 .425-.288.713T18 15Zm0-4q-.425 0-.713-.288T17 10q0-.425.288-.713T18 9q.425 0 .713.288T19 10q0 .425-.288.713T18 11Zm0-4q-.425 0-.713-.288T17 6q0-.425.288-.713T18 5q.425 0 .713.288T19 6q0 .425-.288.713T18 7Zm3 7.5q-.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 MaterialSymbolsBackgroundBlurFull(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.5ZM6 19q-.425 0-.713-.288T5 18q0-.425.288-.713T6 17q.425 0 .713.288T7 18q0 .425-.288.713T6 19Zm0-4q-.425 0-.713-.288T5 14q0-.425.288-.713T6 13q.425 0 .713.288T7 14q0 .425-.288.713T6 15Zm0-4q-.425 0-.713-.288T5 10q0-.425.288-.713T6 9q.425 0 .713.288T7 10q0 .425-.288.713T6 11Zm0-4q-.425 0-.713-.288T5 6q0-.425.288-.713T6 5q.425 0 .713.288T7 6q0 .425-.288.713T6 7Zm4 12q-.425 0-.713-.288T9 18q0-.425.288-.713T10 17q.425 0 .713.288T11 18q0 .425-.288.713T10 19Zm0-12q-.425 0-.713-.288T9 6q0-.425.288-.713T10 5q.425 0 .713.288T11 6q0 .425-.288.713T10 7Zm0 14.5q-.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.5ZM14 19q-.425 0-.713-.288T13 18q0-.425.288-.713T14 17q.425 0 .713.288T15 18q0 .425-.288.713T14 19Zm0-12q-.425 0-.713-.288T13 6q0-.425.288-.713T14 5q.425 0 .713.288T15 6q0 .425-.288.713T14 7Zm0 14.5q-.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.5ZM18 19q-.425 0-.713-.288T17 18q0-.425.288-.713T18 17q.425 0 .713.288T19 18q0 .425-.288.713T18 19Zm0-4q-.425 0-.713-.288T17 14q0-.425.288-.713T18 13q.425 0 .713.288T19 14q0 .425-.288.713T18 15Zm0-4q-.425 0-.713-.288T17 10q0-.425.288-.713T18 9q.425 0 .713.288T19 10q0 .425-.288.713T18 11Zm0-4q-.425 0-.713-.288T17 6q0-.425.288-.713T18 5q.425 0 .713.288T19 6q0 .425-.288.713T18 7Zm3 7.5q-.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.5ZM6 19q-.425 0-.713-.288T5 18q0-.425.288-.713T6 17q.425 0 .713.288T7 18q0 .425-.288.713T6 19Zm0-4q-.425 0-.713-.288T5 14q0-.425.288-.713T6 13q.425 0 .713.288T7 14q0 .425-.288.713T6 15Zm0-4q-.425 0-.713-.288T5 10q0-.425.288-.713T6 9q.425 0 .713.288T7 10q0 .425-.288.713T6 11Zm0-4q-.425 0-.713-.288T5 6q0-.425.288-.713T6 5q.425 0 .713.288T7 6q0 .425-.288.713T6 7Zm4 12q-.425 0-.713-.288T9 18q0-.425.288-.713T10 17q.425 0 .713.288T11 18q0 .425-.288.713T10 19Zm0-12q-.425 0-.713-.288T9 6q0-.425.288-.713T10 5q.425 0 .713.288T11 6q0 .425-.288.713T10 7Zm0 14.5q-.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.5ZM14 19q-.425 0-.713-.288T13 18q0-.425.288-.713T14 17q.425 0 .713.288T15 18q0 .425-.288.713T14 19Zm0-12q-.425 0-.713-.288T13 6q0-.425.288-.713T14 5q.425 0 .713.288T15 6q0 .425-.288.713T14 7Zm0 14.5q-.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.5ZM18 19q-.425 0-.713-.288T17 18q0-.425.288-.713T18 17q.425 0 .713.288T19 18q0 .425-.288.713T18 19Zm0-4q-.425 0-.713-.288T17 14q0-.425.288-.713T18 13q.425 0 .713.288T19 14q0 .425-.288.713T18 15Zm0-4q-.425 0-.713-.288T17 10q0-.425.288-.713T18 9q.425 0 .713.288T19 10q0 .425-.288.713T18 11Zm0-4q-.425 0-.713-.288T17 6q0-.425.288-.713T18 5q.425 0 .713.288T19 6q0 .425-.288.713T18 7Zm3 7.5q-.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-full {
  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.5ZM6%2019q-.425%200-.713-.288T5%2018q0-.425.288-.713T6%2017q.425%200%20.713.288T7%2018q0%20.425-.288.713T6%2019Zm0-4q-.425%200-.713-.288T5%2014q0-.425.288-.713T6%2013q.425%200%20.713.288T7%2014q0%20.425-.288.713T6%2015Zm0-4q-.425%200-.713-.288T5%2010q0-.425.288-.713T6%209q.425%200%20.713.288T7%2010q0%20.425-.288.713T6%2011Zm0-4q-.425%200-.713-.288T5%206q0-.425.288-.713T6%205q.425%200%20.713.288T7%206q0%20.425-.288.713T6%207Zm4%2012q-.425%200-.713-.288T9%2018q0-.425.288-.713T10%2017q.425%200%20.713.288T11%2018q0%20.425-.288.713T10%2019Zm0-12q-.425%200-.713-.288T9%206q0-.425.288-.713T10%205q.425%200%20.713.288T11%206q0%20.425-.288.713T10%207Zm0%2014.5q-.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.5ZM14%2019q-.425%200-.713-.288T13%2018q0-.425.288-.713T14%2017q.425%200%20.713.288T15%2018q0%20.425-.288.713T14%2019Zm0-12q-.425%200-.713-.288T13%206q0-.425.288-.713T14%205q.425%200%20.713.288T15%206q0%20.425-.288.713T14%207Zm0%2014.5q-.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.5ZM18%2019q-.425%200-.713-.288T17%2018q0-.425.288-.713T18%2017q.425%200%20.713.288T19%2018q0%20.425-.288.713T18%2019Zm0-4q-.425%200-.713-.288T17%2014q0-.425.288-.713T18%2013q.425%200%20.713.288T19%2014q0%20.425-.288.713T18%2015Zm0-4q-.425%200-.713-.288T17%2010q0-.425.288-.713T18%209q.425%200%20.713.288T19%2010q0%20.425-.288.713T18%2011Zm0-4q-.425%200-.713-.288T17%206q0-.425.288-.713T18%205q.425%200%20.713.288T19%206q0%20.425-.288.713T18%207Zm3%207.5q-.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.5ZM6%2019q-.425%200-.713-.288T5%2018q0-.425.288-.713T6%2017q.425%200%20.713.288T7%2018q0%20.425-.288.713T6%2019Zm0-4q-.425%200-.713-.288T5%2014q0-.425.288-.713T6%2013q.425%200%20.713.288T7%2014q0%20.425-.288.713T6%2015Zm0-4q-.425%200-.713-.288T5%2010q0-.425.288-.713T6%209q.425%200%20.713.288T7%2010q0%20.425-.288.713T6%2011Zm0-4q-.425%200-.713-.288T5%206q0-.425.288-.713T6%205q.425%200%20.713.288T7%206q0%20.425-.288.713T6%207Zm4%2012q-.425%200-.713-.288T9%2018q0-.425.288-.713T10%2017q.425%200%20.713.288T11%2018q0%20.425-.288.713T10%2019Zm0-12q-.425%200-.713-.288T9%206q0-.425.288-.713T10%205q.425%200%20.713.288T11%206q0%20.425-.288.713T10%207Zm0%2014.5q-.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.5ZM14%2019q-.425%200-.713-.288T13%2018q0-.425.288-.713T14%2017q.425%200%20.713.288T15%2018q0%20.425-.288.713T14%2019Zm0-12q-.425%200-.713-.288T13%206q0-.425.288-.713T14%205q.425%200%20.713.288T15%206q0%20.425-.288.713T14%207Zm0%2014.5q-.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.5ZM18%2019q-.425%200-.713-.288T17%2018q0-.425.288-.713T18%2017q.425%200%20.713.288T19%2018q0%20.425-.288.713T18%2019Zm0-4q-.425%200-.713-.288T17%2014q0-.425.288-.713T18%2013q.425%200%20.713.288T19%2014q0%20.425-.288.713T18%2015Zm0-4q-.425%200-.713-.288T17%2010q0-.425.288-.713T18%209q.425%200%20.713.288T19%2010q0%20.425-.288.713T18%2011Zm0-4q-.425%200-.713-.288T17%206q0-.425.288-.713T18%205q.425%200%20.713.288T19%206q0%20.425-.288.713T18%207Zm3%207.5q-.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-full.svg?color=%231a73e8&size=48