autopause icon
autopause from Material Symbols Light by Google · Regular · Audio & Video · Apache-2.0 Free for personal and commercial use.
- Name
- autopause
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Audio & Video
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- autopause-outline, autopause-outline-sharp, autopause-sharp
1 other variant in Material Symbols Light
The same icon in other sets
More audio & video icons from Material Symbols Light
Use the autopause icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 15V9h1v6zm3 0V9h1v6zm-1 7q-2.911 0-5.265-1.497Q4.384 19.006 3 16.281V20H2v-5.384h5.366v1H3.8q1.16 2.49 3.343 3.937Q9.327 21 12 21q2.971 0 5.338-1.775t3.239-4.615l.988.2q-.932 3.226-3.577 5.208T12 22M2.05 11q.194-1.56.704-2.799q.51-1.24 1.494-2.52l.733.694q-.8 1.044-1.242 2.101T3.056 11zm4.33-6.006l-.693-.732q1.21-.946 2.552-1.497T11 2.089v1q-1.217.125-2.396.615T6.38 4.994m11.206 0q-.91-.761-2.169-1.28T13 3.088v-1q1.425.131 2.77.689q1.346.557 2.53 1.504zM20.912 11q-.164-1.39-.654-2.534t-1.29-2.072l.713-.713q.965 1.146 1.523 2.491T21.91 11z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightAutopause(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 15V9h1v6zm3 0V9h1v6zm-1 7q-2.911 0-5.265-1.497Q4.384 19.006 3 16.281V20H2v-5.384h5.366v1H3.8q1.16 2.49 3.343 3.937Q9.327 21 12 21q2.971 0 5.338-1.775t3.239-4.615l.988.2q-.932 3.226-3.577 5.208T12 22M2.05 11q.194-1.56.704-2.799q.51-1.24 1.494-2.52l.733.694q-.8 1.044-1.242 2.101T3.056 11zm4.33-6.006l-.693-.732q1.21-.946 2.552-1.497T11 2.089v1q-1.217.125-2.396.615T6.38 4.994m11.206 0q-.91-.761-2.169-1.28T13 3.088v-1q1.425.131 2.77.689q1.346.557 2.53 1.504zM20.912 11q-.164-1.39-.654-2.534t-1.29-2.072l.713-.713q.965 1.146 1.523 2.491T21.91 11z"/></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 15V9h1v6zm3 0V9h1v6zm-1 7q-2.911 0-5.265-1.497Q4.384 19.006 3 16.281V20H2v-5.384h5.366v1H3.8q1.16 2.49 3.343 3.937Q9.327 21 12 21q2.971 0 5.338-1.775t3.239-4.615l.988.2q-.932 3.226-3.577 5.208T12 22M2.05 11q.194-1.56.704-2.799q.51-1.24 1.494-2.52l.733.694q-.8 1.044-1.242 2.101T3.056 11zm4.33-6.006l-.693-.732q1.21-.946 2.552-1.497T11 2.089v1q-1.217.125-2.396.615T6.38 4.994m11.206 0q-.91-.761-2.169-1.28T13 3.088v-1q1.425.131 2.77.689q1.346.557 2.53 1.504zM20.912 11q-.164-1.39-.654-2.534t-1.29-2.072l.713-.713q.965 1.146 1.523 2.491T21.91 11z"/></svg> </template>
CSS
.icon-autopause {
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%2015V9h1v6zm3%200V9h1v6zm-1%207q-2.911%200-5.265-1.497Q4.384%2019.006%203%2016.281V20H2v-5.384h5.366v1H3.8q1.16%202.49%203.343%203.937Q9.327%2021%2012%2021q2.971%200%205.338-1.775t3.239-4.615l.988.2q-.932%203.226-3.577%205.208T12%2022M2.05%2011q.194-1.56.704-2.799q.51-1.24%201.494-2.52l.733.694q-.8%201.044-1.242%202.101T3.056%2011zm4.33-6.006l-.693-.732q1.21-.946%202.552-1.497T11%202.089v1q-1.217.125-2.396.615T6.38%204.994m11.206%200q-.91-.761-2.169-1.28T13%203.088v-1q1.425.131%202.77.689q1.346.557%202.53%201.504zM20.912%2011q-.164-1.39-.654-2.534t-1.29-2.072l.713-.713q.965%201.146%201.523%202.491T21.91%2011z%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%2015V9h1v6zm3%200V9h1v6zm-1%207q-2.911%200-5.265-1.497Q4.384%2019.006%203%2016.281V20H2v-5.384h5.366v1H3.8q1.16%202.49%203.343%203.937Q9.327%2021%2012%2021q2.971%200%205.338-1.775t3.239-4.615l.988.2q-.932%203.226-3.577%205.208T12%2022M2.05%2011q.194-1.56.704-2.799q.51-1.24%201.494-2.52l.733.694q-.8%201.044-1.242%202.101T3.056%2011zm4.33-6.006l-.693-.732q1.21-.946%202.552-1.497T11%202.089v1q-1.217.125-2.396.615T6.38%204.994m11.206%200q-.91-.761-2.169-1.28T13%203.088v-1q1.425.131%202.77.689q1.346.557%202.53%201.504zM20.912%2011q-.164-1.39-.654-2.534t-1.29-2.072l.713-.713q.965%201.146%201.523%202.491T21.91%2011z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/autopause.svg?color=%231a73e8&size=48
