autoplay icon
autoplay-rounded from Material Symbols Light by Google · Rounded · Audio & Video · Apache-2.0 Free for personal and commercial use.
- Name
- autoplay-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Audio & Video
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- autoplay-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
More audio & video icons from Material Symbols Light
Use the autoplay icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 14.844V9.156q0-.242.205-.354t.416.025l4.421 2.825q.187.13.187.348t-.187.348l-4.42 2.825q-.213.137-.417.025T10 14.844m-7 1.437V19.5q0 .214-.143.357T2.5 20t-.357-.143T2 19.5v-4.077q0-.348.23-.578t.578-.23h4.058q.213 0 .356.144q.144.143.144.357q0 .213-.144.356q-.143.144-.356.144H3.8q1.16 2.49 3.343 3.937Q9.327 21 12 21q2.812 0 5.087-1.6t3.27-4.202q.091-.252.271-.406t.443-.092q.239.061.3.282q.06.22-.03.483q-1.081 2.939-3.622 4.737T12 22q-2.911 0-5.265-1.497Q4.384 19.006 3 16.281M2.556 11q-.214 0-.332-.178t-.082-.41q.212-1.214.631-2.23t1.133-2.036q.135-.202.342-.252t.379.121q.177.177.167.388q-.01.21-.15.424q-.598.861-.934 1.723q-.337.861-.556 1.886q-.062.239-.21.401T2.555 11M11 2.589q0 .244-.153.39t-.416.188q-1.039.175-1.878.537q-.84.361-1.701.96q-.208.14-.418.134q-.211-.006-.388-.182q-.146-.166-.109-.361t.215-.336q1.013-.708 2.024-1.13q1.01-.422 2.243-.628q.239-.036.41.089t.171.339m6.946 2.046q-.177.177-.39.17t-.422-.166q-.823-.598-1.684-.945t-1.886-.527q-.258-.042-.411-.191T13 2.589q0-.214.159-.339q.158-.125.391-.089q1.239.206 2.242.626q1.004.419 2.024 1.132q.196.135.246.343t-.116.373M21.412 11q-.245 0-.381-.162t-.198-.426q-.2-1.045-.54-1.903t-.995-1.688q-.14-.188-.144-.399q-.004-.21.173-.388q.165-.165.36-.125q.196.041.336.218q.752 1 1.18 2.023q.43 1.023.636 2.261q.036.252-.08.42q-.115.169-.347.169"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightAutoplayRounded(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 14.844V9.156q0-.242.205-.354t.416.025l4.421 2.825q.187.13.187.348t-.187.348l-4.42 2.825q-.213.137-.417.025T10 14.844m-7 1.437V19.5q0 .214-.143.357T2.5 20t-.357-.143T2 19.5v-4.077q0-.348.23-.578t.578-.23h4.058q.213 0 .356.144q.144.143.144.357q0 .213-.144.356q-.143.144-.356.144H3.8q1.16 2.49 3.343 3.937Q9.327 21 12 21q2.812 0 5.087-1.6t3.27-4.202q.091-.252.271-.406t.443-.092q.239.061.3.282q.06.22-.03.483q-1.081 2.939-3.622 4.737T12 22q-2.911 0-5.265-1.497Q4.384 19.006 3 16.281M2.556 11q-.214 0-.332-.178t-.082-.41q.212-1.214.631-2.23t1.133-2.036q.135-.202.342-.252t.379.121q.177.177.167.388q-.01.21-.15.424q-.598.861-.934 1.723q-.337.861-.556 1.886q-.062.239-.21.401T2.555 11M11 2.589q0 .244-.153.39t-.416.188q-1.039.175-1.878.537q-.84.361-1.701.96q-.208.14-.418.134q-.211-.006-.388-.182q-.146-.166-.109-.361t.215-.336q1.013-.708 2.024-1.13q1.01-.422 2.243-.628q.239-.036.41.089t.171.339m6.946 2.046q-.177.177-.39.17t-.422-.166q-.823-.598-1.684-.945t-1.886-.527q-.258-.042-.411-.191T13 2.589q0-.214.159-.339q.158-.125.391-.089q1.239.206 2.242.626q1.004.419 2.024 1.132q.196.135.246.343t-.116.373M21.412 11q-.245 0-.381-.162t-.198-.426q-.2-1.045-.54-1.903t-.995-1.688q-.14-.188-.144-.399q-.004-.21.173-.388q.165-.165.36-.125q.196.041.336.218q.752 1 1.18 2.023q.43 1.023.636 2.261q.036.252-.08.42q-.115.169-.347.169"/></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 14.844V9.156q0-.242.205-.354t.416.025l4.421 2.825q.187.13.187.348t-.187.348l-4.42 2.825q-.213.137-.417.025T10 14.844m-7 1.437V19.5q0 .214-.143.357T2.5 20t-.357-.143T2 19.5v-4.077q0-.348.23-.578t.578-.23h4.058q.213 0 .356.144q.144.143.144.357q0 .213-.144.356q-.143.144-.356.144H3.8q1.16 2.49 3.343 3.937Q9.327 21 12 21q2.812 0 5.087-1.6t3.27-4.202q.091-.252.271-.406t.443-.092q.239.061.3.282q.06.22-.03.483q-1.081 2.939-3.622 4.737T12 22q-2.911 0-5.265-1.497Q4.384 19.006 3 16.281M2.556 11q-.214 0-.332-.178t-.082-.41q.212-1.214.631-2.23t1.133-2.036q.135-.202.342-.252t.379.121q.177.177.167.388q-.01.21-.15.424q-.598.861-.934 1.723q-.337.861-.556 1.886q-.062.239-.21.401T2.555 11M11 2.589q0 .244-.153.39t-.416.188q-1.039.175-1.878.537q-.84.361-1.701.96q-.208.14-.418.134q-.211-.006-.388-.182q-.146-.166-.109-.361t.215-.336q1.013-.708 2.024-1.13q1.01-.422 2.243-.628q.239-.036.41.089t.171.339m6.946 2.046q-.177.177-.39.17t-.422-.166q-.823-.598-1.684-.945t-1.886-.527q-.258-.042-.411-.191T13 2.589q0-.214.159-.339q.158-.125.391-.089q1.239.206 2.242.626q1.004.419 2.024 1.132q.196.135.246.343t-.116.373M21.412 11q-.245 0-.381-.162t-.198-.426q-.2-1.045-.54-1.903t-.995-1.688q-.14-.188-.144-.399q-.004-.21.173-.388q.165-.165.36-.125q.196.041.336.218q.752 1 1.18 2.023q.43 1.023.636 2.261q.036.252-.08.42q-.115.169-.347.169"/></svg> </template>
CSS
.icon-autoplay-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%2014.844V9.156q0-.242.205-.354t.416.025l4.421%202.825q.187.13.187.348t-.187.348l-4.42%202.825q-.213.137-.417.025T10%2014.844m-7%201.437V19.5q0%20.214-.143.357T2.5%2020t-.357-.143T2%2019.5v-4.077q0-.348.23-.578t.578-.23h4.058q.213%200%20.356.144q.144.143.144.357q0%20.213-.144.356q-.143.144-.356.144H3.8q1.16%202.49%203.343%203.937Q9.327%2021%2012%2021q2.812%200%205.087-1.6t3.27-4.202q.091-.252.271-.406t.443-.092q.239.061.3.282q.06.22-.03.483q-1.081%202.939-3.622%204.737T12%2022q-2.911%200-5.265-1.497Q4.384%2019.006%203%2016.281M2.556%2011q-.214%200-.332-.178t-.082-.41q.212-1.214.631-2.23t1.133-2.036q.135-.202.342-.252t.379.121q.177.177.167.388q-.01.21-.15.424q-.598.861-.934%201.723q-.337.861-.556%201.886q-.062.239-.21.401T2.555%2011M11%202.589q0%20.244-.153.39t-.416.188q-1.039.175-1.878.537q-.84.361-1.701.96q-.208.14-.418.134q-.211-.006-.388-.182q-.146-.166-.109-.361t.215-.336q1.013-.708%202.024-1.13q1.01-.422%202.243-.628q.239-.036.41.089t.171.339m6.946%202.046q-.177.177-.39.17t-.422-.166q-.823-.598-1.684-.945t-1.886-.527q-.258-.042-.411-.191T13%202.589q0-.214.159-.339q.158-.125.391-.089q1.239.206%202.242.626q1.004.419%202.024%201.132q.196.135.246.343t-.116.373M21.412%2011q-.245%200-.381-.162t-.198-.426q-.2-1.045-.54-1.903t-.995-1.688q-.14-.188-.144-.399q-.004-.21.173-.388q.165-.165.36-.125q.196.041.336.218q.752%201%201.18%202.023q.43%201.023.636%202.261q.036.252-.08.42q-.115.169-.347.169%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%2014.844V9.156q0-.242.205-.354t.416.025l4.421%202.825q.187.13.187.348t-.187.348l-4.42%202.825q-.213.137-.417.025T10%2014.844m-7%201.437V19.5q0%20.214-.143.357T2.5%2020t-.357-.143T2%2019.5v-4.077q0-.348.23-.578t.578-.23h4.058q.213%200%20.356.144q.144.143.144.357q0%20.213-.144.356q-.143.144-.356.144H3.8q1.16%202.49%203.343%203.937Q9.327%2021%2012%2021q2.812%200%205.087-1.6t3.27-4.202q.091-.252.271-.406t.443-.092q.239.061.3.282q.06.22-.03.483q-1.081%202.939-3.622%204.737T12%2022q-2.911%200-5.265-1.497Q4.384%2019.006%203%2016.281M2.556%2011q-.214%200-.332-.178t-.082-.41q.212-1.214.631-2.23t1.133-2.036q.135-.202.342-.252t.379.121q.177.177.167.388q-.01.21-.15.424q-.598.861-.934%201.723q-.337.861-.556%201.886q-.062.239-.21.401T2.555%2011M11%202.589q0%20.244-.153.39t-.416.188q-1.039.175-1.878.537q-.84.361-1.701.96q-.208.14-.418.134q-.211-.006-.388-.182q-.146-.166-.109-.361t.215-.336q1.013-.708%202.024-1.13q1.01-.422%202.243-.628q.239-.036.41.089t.171.339m6.946%202.046q-.177.177-.39.17t-.422-.166q-.823-.598-1.684-.945t-1.886-.527q-.258-.042-.411-.191T13%202.589q0-.214.159-.339q.158-.125.391-.089q1.239.206%202.242.626q1.004.419%202.024%201.132q.196.135.246.343t-.116.373M21.412%2011q-.245%200-.381-.162t-.198-.426q-.2-1.045-.54-1.903t-.995-1.688q-.14-.188-.144-.399q-.004-.21.173-.388q.165-.165.36-.125q.196.041.336.218q.752%201%201.18%202.023q.43%201.023.636%202.261q.036.252-.08.42q-.115.169-.347.169%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/autoplay-rounded.svg?color=%231a73e8&size=48
