blur medium icon

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

Name: blur-medium
Set: Material Symbols
Style: Regular
Category: Images
Viewbox: 24×24
License: Apache 2.0
Aliases: blur-medium-outline, blur-medium-outline-sharp, blur-medium-sharp

1 other variant in Material Symbols

The same icon in other sets

More images icons from Material Symbols

10mp 11mp 12mp 13mp 14mp 15mp 16mp 17mp 18mp 19mp 20mp 21mp 22mp 23mp 24fps-select 24mp 2mp 30fps-select 3mp 4mp 50mp 5mp 60fps-select 6mp

Use the blur medium icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 17H7v-2h4q-.35-.425-.562-.937T10.1 13H4.5v-2h5.6q.125-.55.338-1.062T11 9H4V7h11q2.075 0 3.538 1.463T20 12t-1.463 3.538T15 17m2.125-2.875Q18 13.25 18 12t-.875-2.125T15 9t-2.125.875T12 12t.875 2.125T15 15t2.125-.875M4 17v-2h2v2z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsBlurMedium(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="M15 17H7v-2h4q-.35-.425-.562-.937T10.1 13H4.5v-2h5.6q.125-.55.338-1.062T11 9H4V7h11q2.075 0 3.538 1.463T20 12t-1.463 3.538T15 17m2.125-2.875Q18 13.25 18 12t-.875-2.125T15 9t-2.125.875T12 12t.875 2.125T15 15t2.125-.875M4 17v-2h2v2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 17H7v-2h4q-.35-.425-.562-.937T10.1 13H4.5v-2h5.6q.125-.55.338-1.062T11 9H4V7h11q2.075 0 3.538 1.463T20 12t-1.463 3.538T15 17m2.125-2.875Q18 13.25 18 12t-.875-2.125T15 9t-2.125.875T12 12t.875 2.125T15 15t2.125-.875M4 17v-2h2v2z"/></svg>
</template>

CSS

.icon-blur-medium {
  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%22M15%2017H7v-2h4q-.35-.425-.562-.937T10.1%2013H4.5v-2h5.6q.125-.55.338-1.062T11%209H4V7h11q2.075%200%203.538%201.463T20%2012t-1.463%203.538T15%2017m2.125-2.875Q18%2013.25%2018%2012t-.875-2.125T15%209t-2.125.875T12%2012t.875%202.125T15%2015t2.125-.875M4%2017v-2h2v2z%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%22M15%2017H7v-2h4q-.35-.425-.562-.937T10.1%2013H4.5v-2h5.6q.125-.55.338-1.062T11%209H4V7h11q2.075%200%203.538%201.463T20%2012t-1.463%203.538T15%2017m2.125-2.875Q18%2013.25%2018%2012t-.875-2.125T15%209t-2.125.875T12%2012t.875%202.125T15%2015t2.125-.875M4%2017v-2h2v2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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