shutter speed add icon
shutter-speed-add-outline from Material Symbols by Google · Outline · Images · Apache-2.0 Free for personal and commercial use.
- Name
- shutter-speed-add-outline
- Set
- Material Symbols
- Style
- Outline
- Category
- Images
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- shutter-speed-add-outline-sharp
3 other variants in Material Symbols
The same icon in other sets
More images icons from Material Symbols
Use the shutter speed add icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 23v-3h-3v-2h3v-3h2v3h3v2h-3v3zM9 3V1h6v2zm3 19q-1.875 0-3.512-.712t-2.85-1.925t-1.925-2.85T3 13t.713-3.512t1.924-2.85t2.85-1.925T12 4q1.6 0 3.025.525t2.6 1.45L19.05 4.55l1.4 1.4l-1.4 1.45q.975 1.225 1.488 2.725t.462 3.2q-.35-.1-.775-.225T19 12.975q0-.25-.012-.487T18.925 12H14.9l-4.5 7.825q.4.1.788.138T12 20q.275 0 .525-.012t.525-.063q.075.5.238 1t.412.925q-.425.075-.85.113T12 22m0-11h6.7q-.45-1.55-1.537-2.725T14.6 6.5zm-1.75 1l3.35-5.8q-.4-.1-.812-.15T11.95 6q-1.125 0-2.225.363T7.65 7.5zM5.1 14h5.15L6.9 8.2q-1.05 1.175-1.562 2.663T5.1 14m4.3 5.5L12 15H5.3q.45 1.55 1.538 2.725T9.4 19.5m9.6-6.525"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsShutterSpeedAddOutline(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="M18 23v-3h-3v-2h3v-3h2v3h3v2h-3v3zM9 3V1h6v2zm3 19q-1.875 0-3.512-.712t-2.85-1.925t-1.925-2.85T3 13t.713-3.512t1.924-2.85t2.85-1.925T12 4q1.6 0 3.025.525t2.6 1.45L19.05 4.55l1.4 1.4l-1.4 1.45q.975 1.225 1.488 2.725t.462 3.2q-.35-.1-.775-.225T19 12.975q0-.25-.012-.487T18.925 12H14.9l-4.5 7.825q.4.1.788.138T12 20q.275 0 .525-.012t.525-.063q.075.5.238 1t.412.925q-.425.075-.85.113T12 22m0-11h6.7q-.45-1.55-1.537-2.725T14.6 6.5zm-1.75 1l3.35-5.8q-.4-.1-.812-.15T11.95 6q-1.125 0-2.225.363T7.65 7.5zM5.1 14h5.15L6.9 8.2q-1.05 1.175-1.562 2.663T5.1 14m4.3 5.5L12 15H5.3q.45 1.55 1.538 2.725T9.4 19.5m9.6-6.525"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 23v-3h-3v-2h3v-3h2v3h3v2h-3v3zM9 3V1h6v2zm3 19q-1.875 0-3.512-.712t-2.85-1.925t-1.925-2.85T3 13t.713-3.512t1.924-2.85t2.85-1.925T12 4q1.6 0 3.025.525t2.6 1.45L19.05 4.55l1.4 1.4l-1.4 1.45q.975 1.225 1.488 2.725t.462 3.2q-.35-.1-.775-.225T19 12.975q0-.25-.012-.487T18.925 12H14.9l-4.5 7.825q.4.1.788.138T12 20q.275 0 .525-.012t.525-.063q.075.5.238 1t.412.925q-.425.075-.85.113T12 22m0-11h6.7q-.45-1.55-1.537-2.725T14.6 6.5zm-1.75 1l3.35-5.8q-.4-.1-.812-.15T11.95 6q-1.125 0-2.225.363T7.65 7.5zM5.1 14h5.15L6.9 8.2q-1.05 1.175-1.562 2.663T5.1 14m4.3 5.5L12 15H5.3q.45 1.55 1.538 2.725T9.4 19.5m9.6-6.525"/></svg> </template>
CSS
.icon-shutter-speed-add-outline {
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%22M18%2023v-3h-3v-2h3v-3h2v3h3v2h-3v3zM9%203V1h6v2zm3%2019q-1.875%200-3.512-.712t-2.85-1.925t-1.925-2.85T3%2013t.713-3.512t1.924-2.85t2.85-1.925T12%204q1.6%200%203.025.525t2.6%201.45L19.05%204.55l1.4%201.4l-1.4%201.45q.975%201.225%201.488%202.725t.462%203.2q-.35-.1-.775-.225T19%2012.975q0-.25-.012-.487T18.925%2012H14.9l-4.5%207.825q.4.1.788.138T12%2020q.275%200%20.525-.012t.525-.063q.075.5.238%201t.412.925q-.425.075-.85.113T12%2022m0-11h6.7q-.45-1.55-1.537-2.725T14.6%206.5zm-1.75%201l3.35-5.8q-.4-.1-.812-.15T11.95%206q-1.125%200-2.225.363T7.65%207.5zM5.1%2014h5.15L6.9%208.2q-1.05%201.175-1.562%202.663T5.1%2014m4.3%205.5L12%2015H5.3q.45%201.55%201.538%202.725T9.4%2019.5m9.6-6.525%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%22M18%2023v-3h-3v-2h3v-3h2v3h3v2h-3v3zM9%203V1h6v2zm3%2019q-1.875%200-3.512-.712t-2.85-1.925t-1.925-2.85T3%2013t.713-3.512t1.924-2.85t2.85-1.925T12%204q1.6%200%203.025.525t2.6%201.45L19.05%204.55l1.4%201.4l-1.4%201.45q.975%201.225%201.488%202.725t.462%203.2q-.35-.1-.775-.225T19%2012.975q0-.25-.012-.487T18.925%2012H14.9l-4.5%207.825q.4.1.788.138T12%2020q.275%200%20.525-.012t.525-.063q.075.5.238%201t.412.925q-.425.075-.85.113T12%2022m0-11h6.7q-.45-1.55-1.537-2.725T14.6%206.5zm-1.75%201l3.35-5.8q-.4-.1-.812-.15T11.95%206q-1.125%200-2.225.363T7.65%207.5zM5.1%2014h5.15L6.9%208.2q-1.05%201.175-1.562%202.663T5.1%2014m4.3%205.5L12%2015H5.3q.45%201.55%201.538%202.725T9.4%2019.5m9.6-6.525%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/shutter-speed-add-outline.svg?color=%231a73e8&size=48
