settings cinematic blur icon
settings-cinematic-blur-rounded from Material Symbols by Google · Rounded · Images · Apache-2.0 Free for personal and commercial use.
- Name
- settings-cinematic-blur-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Images
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols
The same icon in other sets
More images icons from Material Symbols
Use the settings cinematic blur icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.275 22q-.425 0-.75-.275t-.375-.7l-.3-2.225q-.325-.125-.612-.3t-.563-.375l-1.55.65q-.625.275-1.25.05t-.975-.8l-1.175-2.05q-.35-.575-.2-1.225t.675-1.075l1.325-1Q4.5 12.5 4.5 12.337v-.675q0-.162.025-.337l-1.325-1Q2.675 9.9 2.525 9.25t.2-1.225L3.9 5.975q.35-.575.975-.8t1.25.05l1.55.65q.275-.2.575-.375t.6-.3l.2-1.65q.075-.675.575-1.113T10.8 2h2.4q.675 0 1.175.438t.575 1.112l.2 1.65q.325.125.613.3t.562.375l1.5-.65q.625-.275 1.263-.05t.987.8l1.175 2.05q.35.575.213 1.225t-.663 1.075L19.125 11.6q-.275.2-.562.3t-.638.1h-2.35q0-1.45-1.037-2.475T12.05 8.5q-1.475 0-2.488 1.013T8.55 12q0 1.2.688 2.1T11 15.35v5.8q0 .35-.2.6t-.525.25m4.225 0q-.625 0-1.062-.437T13 20.5v-5q0-.45.225-.8t.6-.55l.5.975q.1.175.25.275t.35.1q.375 0 .575-.313t.025-.662L15.25 14h1.5l.575 1.125q.1.175.25.275t.35.1q.375 0 .575-.313t.025-.662L18.25 14h1.5l.575 1.125q.1.175.25.275t.35.1q.375 0 .575-.313t.025-.662L21.25 14h.25q.625 0 1.063.437T23 15.5v5q0 .625-.437 1.063T21.5 22z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsSettingsCinematicBlurRounded(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="M10.275 22q-.425 0-.75-.275t-.375-.7l-.3-2.225q-.325-.125-.612-.3t-.563-.375l-1.55.65q-.625.275-1.25.05t-.975-.8l-1.175-2.05q-.35-.575-.2-1.225t.675-1.075l1.325-1Q4.5 12.5 4.5 12.337v-.675q0-.162.025-.337l-1.325-1Q2.675 9.9 2.525 9.25t.2-1.225L3.9 5.975q.35-.575.975-.8t1.25.05l1.55.65q.275-.2.575-.375t.6-.3l.2-1.65q.075-.675.575-1.113T10.8 2h2.4q.675 0 1.175.438t.575 1.112l.2 1.65q.325.125.613.3t.562.375l1.5-.65q.625-.275 1.263-.05t.987.8l1.175 2.05q.35.575.213 1.225t-.663 1.075L19.125 11.6q-.275.2-.562.3t-.638.1h-2.35q0-1.45-1.037-2.475T12.05 8.5q-1.475 0-2.488 1.013T8.55 12q0 1.2.688 2.1T11 15.35v5.8q0 .35-.2.6t-.525.25m4.225 0q-.625 0-1.062-.437T13 20.5v-5q0-.45.225-.8t.6-.55l.5.975q.1.175.25.275t.35.1q.375 0 .575-.313t.025-.662L15.25 14h1.5l.575 1.125q.1.175.25.275t.35.1q.375 0 .575-.313t.025-.662L18.25 14h1.5l.575 1.125q.1.175.25.275t.35.1q.375 0 .575-.313t.025-.662L21.25 14h.25q.625 0 1.063.437T23 15.5v5q0 .625-.437 1.063T21.5 22z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.275 22q-.425 0-.75-.275t-.375-.7l-.3-2.225q-.325-.125-.612-.3t-.563-.375l-1.55.65q-.625.275-1.25.05t-.975-.8l-1.175-2.05q-.35-.575-.2-1.225t.675-1.075l1.325-1Q4.5 12.5 4.5 12.337v-.675q0-.162.025-.337l-1.325-1Q2.675 9.9 2.525 9.25t.2-1.225L3.9 5.975q.35-.575.975-.8t1.25.05l1.55.65q.275-.2.575-.375t.6-.3l.2-1.65q.075-.675.575-1.113T10.8 2h2.4q.675 0 1.175.438t.575 1.112l.2 1.65q.325.125.613.3t.562.375l1.5-.65q.625-.275 1.263-.05t.987.8l1.175 2.05q.35.575.213 1.225t-.663 1.075L19.125 11.6q-.275.2-.562.3t-.638.1h-2.35q0-1.45-1.037-2.475T12.05 8.5q-1.475 0-2.488 1.013T8.55 12q0 1.2.688 2.1T11 15.35v5.8q0 .35-.2.6t-.525.25m4.225 0q-.625 0-1.062-.437T13 20.5v-5q0-.45.225-.8t.6-.55l.5.975q.1.175.25.275t.35.1q.375 0 .575-.313t.025-.662L15.25 14h1.5l.575 1.125q.1.175.25.275t.35.1q.375 0 .575-.313t.025-.662L18.25 14h1.5l.575 1.125q.1.175.25.275t.35.1q.375 0 .575-.313t.025-.662L21.25 14h.25q.625 0 1.063.437T23 15.5v5q0 .625-.437 1.063T21.5 22z"/></svg> </template>
CSS
.icon-settings-cinematic-blur-rounded {
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%22M10.275%2022q-.425%200-.75-.275t-.375-.7l-.3-2.225q-.325-.125-.612-.3t-.563-.375l-1.55.65q-.625.275-1.25.05t-.975-.8l-1.175-2.05q-.35-.575-.2-1.225t.675-1.075l1.325-1Q4.5%2012.5%204.5%2012.337v-.675q0-.162.025-.337l-1.325-1Q2.675%209.9%202.525%209.25t.2-1.225L3.9%205.975q.35-.575.975-.8t1.25.05l1.55.65q.275-.2.575-.375t.6-.3l.2-1.65q.075-.675.575-1.113T10.8%202h2.4q.675%200%201.175.438t.575%201.112l.2%201.65q.325.125.613.3t.562.375l1.5-.65q.625-.275%201.263-.05t.987.8l1.175%202.05q.35.575.213%201.225t-.663%201.075L19.125%2011.6q-.275.2-.562.3t-.638.1h-2.35q0-1.45-1.037-2.475T12.05%208.5q-1.475%200-2.488%201.013T8.55%2012q0%201.2.688%202.1T11%2015.35v5.8q0%20.35-.2.6t-.525.25m4.225%200q-.625%200-1.062-.437T13%2020.5v-5q0-.45.225-.8t.6-.55l.5.975q.1.175.25.275t.35.1q.375%200%20.575-.313t.025-.662L15.25%2014h1.5l.575%201.125q.1.175.25.275t.35.1q.375%200%20.575-.313t.025-.662L18.25%2014h1.5l.575%201.125q.1.175.25.275t.35.1q.375%200%20.575-.313t.025-.662L21.25%2014h.25q.625%200%201.063.437T23%2015.5v5q0%20.625-.437%201.063T21.5%2022z%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%22M10.275%2022q-.425%200-.75-.275t-.375-.7l-.3-2.225q-.325-.125-.612-.3t-.563-.375l-1.55.65q-.625.275-1.25.05t-.975-.8l-1.175-2.05q-.35-.575-.2-1.225t.675-1.075l1.325-1Q4.5%2012.5%204.5%2012.337v-.675q0-.162.025-.337l-1.325-1Q2.675%209.9%202.525%209.25t.2-1.225L3.9%205.975q.35-.575.975-.8t1.25.05l1.55.65q.275-.2.575-.375t.6-.3l.2-1.65q.075-.675.575-1.113T10.8%202h2.4q.675%200%201.175.438t.575%201.112l.2%201.65q.325.125.613.3t.562.375l1.5-.65q.625-.275%201.263-.05t.987.8l1.175%202.05q.35.575.213%201.225t-.663%201.075L19.125%2011.6q-.275.2-.562.3t-.638.1h-2.35q0-1.45-1.037-2.475T12.05%208.5q-1.475%200-2.488%201.013T8.55%2012q0%201.2.688%202.1T11%2015.35v5.8q0%20.35-.2.6t-.525.25m4.225%200q-.625%200-1.062-.437T13%2020.5v-5q0-.45.225-.8t.6-.55l.5.975q.1.175.25.275t.35.1q.375%200%20.575-.313t.025-.662L15.25%2014h1.5l.575%201.125q.1.175.25.275t.35.1q.375%200%20.575-.313t.025-.662L18.25%2014h1.5l.575%201.125q.1.175.25.275t.35.1q.375%200%20.575-.313t.025-.662L21.25%2014h.25q.625%200%201.063.437T23%2015.5v5q0%20.625-.437%201.063T21.5%2022z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/settings-cinematic-blur-rounded.svg?color=%231a73e8&size=48
