person play icon
person-play-outline-rounded from Material Symbols Light by Google · Outline Rounded · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- person-play-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More activities icons from Material Symbols Light
Use the person play icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.204 11.412L3.396 9.604q-.242-.242-.232-.565q.009-.324.251-.566l1.789-1.789q.242-.242.565-.242t.565.242l1.789 1.789q.243.242.243.565t-.243.566l-1.789 1.788q-.242.243-.565.252t-.565-.232M10.616 21q-.349 0-.578-.23t-.23-.578v-3.788q-1.327-.1-2.62-.285q-1.292-.185-2.594-.46q-.232-.061-.39-.234t-.088-.406q.067-.213.272-.317q.204-.104.437-.043q1.767.406 3.563.575q1.795.17 3.612.17t3.613-.17t3.562-.575q.233-.061.438.043q.204.104.272.317q.067.233-.09.406t-.39.234q-1.301.275-2.593.46t-2.62.285v3.788q0 .348-.23.578t-.577.23zM5.769 10.58l1.523-1.54L5.77 7.516L4.227 9.039zm4.597-3.868q-.674-.673-.674-1.635t.674-1.635T12 2.77t1.635.673q.673.674.673 1.635t-.674 1.635T12 7.385t-1.634-.673m.443 6.576q-.501-.501-.501-1.192q0-.69.5-1.191q.502-.501 1.192-.501t1.191.5q.501.502.501 1.192t-.5 1.192q-.501.5-1.192.5t-1.191-.5M12.924 6q.384-.384.384-.924t-.384-.924T12 3.769t-.924.384t-.384.924t.384.924t.924.384t.924-.384m3.832 5.441l-.862-1.5q-.105-.186-.105-.403t.105-.404l.862-1.5q.106-.193.292-.298t.404-.106h1.654q.217 0 .403.106q.187.105.293.298l.862 1.5q.105.186.105.404t-.105.403l-.862 1.5q-.106.193-.292.299q-.187.105-.404.105h-1.654q-.217 0-.404-.105q-.186-.106-.292-.299m.79-.596h1.466l.723-1.307l-.723-1.308h-1.466l-.723 1.308zm.743-1.307"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightPersonPlayOutlineRounded(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="M5.204 11.412L3.396 9.604q-.242-.242-.232-.565q.009-.324.251-.566l1.789-1.789q.242-.242.565-.242t.565.242l1.789 1.789q.243.242.243.565t-.243.566l-1.789 1.788q-.242.243-.565.252t-.565-.232M10.616 21q-.349 0-.578-.23t-.23-.578v-3.788q-1.327-.1-2.62-.285q-1.292-.185-2.594-.46q-.232-.061-.39-.234t-.088-.406q.067-.213.272-.317q.204-.104.437-.043q1.767.406 3.563.575q1.795.17 3.612.17t3.613-.17t3.562-.575q.233-.061.438.043q.204.104.272.317q.067.233-.09.406t-.39.234q-1.301.275-2.593.46t-2.62.285v3.788q0 .348-.23.578t-.577.23zM5.769 10.58l1.523-1.54L5.77 7.516L4.227 9.039zm4.597-3.868q-.674-.673-.674-1.635t.674-1.635T12 2.77t1.635.673q.673.674.673 1.635t-.674 1.635T12 7.385t-1.634-.673m.443 6.576q-.501-.501-.501-1.192q0-.69.5-1.191q.502-.501 1.192-.501t1.191.5q.501.502.501 1.192t-.5 1.192q-.501.5-1.192.5t-1.191-.5M12.924 6q.384-.384.384-.924t-.384-.924T12 3.769t-.924.384t-.384.924t.384.924t.924.384t.924-.384m3.832 5.441l-.862-1.5q-.105-.186-.105-.403t.105-.404l.862-1.5q.106-.193.292-.298t.404-.106h1.654q.217 0 .403.106q.187.105.293.298l.862 1.5q.105.186.105.404t-.105.403l-.862 1.5q-.106.193-.292.299q-.187.105-.404.105h-1.654q-.217 0-.404-.105q-.186-.106-.292-.299m.79-.596h1.466l.723-1.307l-.723-1.308h-1.466l-.723 1.308zm.743-1.307"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.204 11.412L3.396 9.604q-.242-.242-.232-.565q.009-.324.251-.566l1.789-1.789q.242-.242.565-.242t.565.242l1.789 1.789q.243.242.243.565t-.243.566l-1.789 1.788q-.242.243-.565.252t-.565-.232M10.616 21q-.349 0-.578-.23t-.23-.578v-3.788q-1.327-.1-2.62-.285q-1.292-.185-2.594-.46q-.232-.061-.39-.234t-.088-.406q.067-.213.272-.317q.204-.104.437-.043q1.767.406 3.563.575q1.795.17 3.612.17t3.613-.17t3.562-.575q.233-.061.438.043q.204.104.272.317q.067.233-.09.406t-.39.234q-1.301.275-2.593.46t-2.62.285v3.788q0 .348-.23.578t-.577.23zM5.769 10.58l1.523-1.54L5.77 7.516L4.227 9.039zm4.597-3.868q-.674-.673-.674-1.635t.674-1.635T12 2.77t1.635.673q.673.674.673 1.635t-.674 1.635T12 7.385t-1.634-.673m.443 6.576q-.501-.501-.501-1.192q0-.69.5-1.191q.502-.501 1.192-.501t1.191.5q.501.502.501 1.192t-.5 1.192q-.501.5-1.192.5t-1.191-.5M12.924 6q.384-.384.384-.924t-.384-.924T12 3.769t-.924.384t-.384.924t.384.924t.924.384t.924-.384m3.832 5.441l-.862-1.5q-.105-.186-.105-.403t.105-.404l.862-1.5q.106-.193.292-.298t.404-.106h1.654q.217 0 .403.106q.187.105.293.298l.862 1.5q.105.186.105.404t-.105.403l-.862 1.5q-.106.193-.292.299q-.187.105-.404.105h-1.654q-.217 0-.404-.105q-.186-.106-.292-.299m.79-.596h1.466l.723-1.307l-.723-1.308h-1.466l-.723 1.308zm.743-1.307"/></svg> </template>
CSS
.icon-person-play-outline-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%22M5.204%2011.412L3.396%209.604q-.242-.242-.232-.565q.009-.324.251-.566l1.789-1.789q.242-.242.565-.242t.565.242l1.789%201.789q.243.242.243.565t-.243.566l-1.789%201.788q-.242.243-.565.252t-.565-.232M10.616%2021q-.349%200-.578-.23t-.23-.578v-3.788q-1.327-.1-2.62-.285q-1.292-.185-2.594-.46q-.232-.061-.39-.234t-.088-.406q.067-.213.272-.317q.204-.104.437-.043q1.767.406%203.563.575q1.795.17%203.612.17t3.613-.17t3.562-.575q.233-.061.438.043q.204.104.272.317q.067.233-.09.406t-.39.234q-1.301.275-2.593.46t-2.62.285v3.788q0%20.348-.23.578t-.577.23zM5.769%2010.58l1.523-1.54L5.77%207.516L4.227%209.039zm4.597-3.868q-.674-.673-.674-1.635t.674-1.635T12%202.77t1.635.673q.673.674.673%201.635t-.674%201.635T12%207.385t-1.634-.673m.443%206.576q-.501-.501-.501-1.192q0-.69.5-1.191q.502-.501%201.192-.501t1.191.5q.501.502.501%201.192t-.5%201.192q-.501.5-1.192.5t-1.191-.5M12.924%206q.384-.384.384-.924t-.384-.924T12%203.769t-.924.384t-.384.924t.384.924t.924.384t.924-.384m3.832%205.441l-.862-1.5q-.105-.186-.105-.403t.105-.404l.862-1.5q.106-.193.292-.298t.404-.106h1.654q.217%200%20.403.106q.187.105.293.298l.862%201.5q.105.186.105.404t-.105.403l-.862%201.5q-.106.193-.292.299q-.187.105-.404.105h-1.654q-.217%200-.404-.105q-.186-.106-.292-.299m.79-.596h1.466l.723-1.307l-.723-1.308h-1.466l-.723%201.308zm.743-1.307%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%22M5.204%2011.412L3.396%209.604q-.242-.242-.232-.565q.009-.324.251-.566l1.789-1.789q.242-.242.565-.242t.565.242l1.789%201.789q.243.242.243.565t-.243.566l-1.789%201.788q-.242.243-.565.252t-.565-.232M10.616%2021q-.349%200-.578-.23t-.23-.578v-3.788q-1.327-.1-2.62-.285q-1.292-.185-2.594-.46q-.232-.061-.39-.234t-.088-.406q.067-.213.272-.317q.204-.104.437-.043q1.767.406%203.563.575q1.795.17%203.612.17t3.613-.17t3.562-.575q.233-.061.438.043q.204.104.272.317q.067.233-.09.406t-.39.234q-1.301.275-2.593.46t-2.62.285v3.788q0%20.348-.23.578t-.577.23zM5.769%2010.58l1.523-1.54L5.77%207.516L4.227%209.039zm4.597-3.868q-.674-.673-.674-1.635t.674-1.635T12%202.77t1.635.673q.673.674.673%201.635t-.674%201.635T12%207.385t-1.634-.673m.443%206.576q-.501-.501-.501-1.192q0-.69.5-1.191q.502-.501%201.192-.501t1.191.5q.501.502.501%201.192t-.5%201.192q-.501.5-1.192.5t-1.191-.5M12.924%206q.384-.384.384-.924t-.384-.924T12%203.769t-.924.384t-.384.924t.384.924t.924.384t.924-.384m3.832%205.441l-.862-1.5q-.105-.186-.105-.403t.105-.404l.862-1.5q.106-.193.292-.298t.404-.106h1.654q.217%200%20.403.106q.187.105.293.298l.862%201.5q.105.186.105.404t-.105.403l-.862%201.5q-.106.193-.292.299q-.187.105-.404.105h-1.654q-.217%200-.404-.105q-.186-.106-.292-.299m.79-.596h1.466l.723-1.307l-.723-1.308h-1.466l-.723%201.308zm.743-1.307%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/person-play-outline-rounded.svg?color=%231a73e8&size=48
