person play icon
person-play-outline from Material Symbols Light by Google · Outline · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- person-play-outline
- Set
- Material Symbols Light
- Style
- Outline
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- person-play-outline-sharp
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.77 11.977L2.83 9.039l2.94-2.92l2.919 2.92zM9.807 21v-4.596q-1.467-.125-2.92-.324T4 15.52l.23-1q1.928.478 3.858.681t3.912.203t3.913-.203q1.93-.203 3.856-.682l.231 1q-1.436.362-2.889.56t-2.919.325V21zM5.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-.384m4.068 5.845L15.677 9.54l1.315-2.308h2.574l1.315 2.308l-1.315 2.307zm.554-1h1.466l.723-1.307l-.723-1.308h-1.466l-.723 1.308zm.743-1.307"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightPersonPlayOutline(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.77 11.977L2.83 9.039l2.94-2.92l2.919 2.92zM9.807 21v-4.596q-1.467-.125-2.92-.324T4 15.52l.23-1q1.928.478 3.858.681t3.912.203t3.913-.203q1.93-.203 3.856-.682l.231 1q-1.436.362-2.889.56t-2.919.325V21zM5.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-.384m4.068 5.845L15.677 9.54l1.315-2.308h2.574l1.315 2.308l-1.315 2.307zm.554-1h1.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.77 11.977L2.83 9.039l2.94-2.92l2.919 2.92zM9.807 21v-4.596q-1.467-.125-2.92-.324T4 15.52l.23-1q1.928.478 3.858.681t3.912.203t3.913-.203q1.93-.203 3.856-.682l.231 1q-1.436.362-2.889.56t-2.919.325V21zM5.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-.384m4.068 5.845L15.677 9.54l1.315-2.308h2.574l1.315 2.308l-1.315 2.307zm.554-1h1.466l.723-1.307l-.723-1.308h-1.466l-.723 1.308zm.743-1.307"/></svg> </template>
CSS
.icon-person-play-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%22M5.77%2011.977L2.83%209.039l2.94-2.92l2.919%202.92zM9.807%2021v-4.596q-1.467-.125-2.92-.324T4%2015.52l.23-1q1.928.478%203.858.681t3.912.203t3.913-.203q1.93-.203%203.856-.682l.231%201q-1.436.362-2.889.56t-2.919.325V21zM5.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-.384m4.068%205.845L15.677%209.54l1.315-2.308h2.574l1.315%202.308l-1.315%202.307zm.554-1h1.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.77%2011.977L2.83%209.039l2.94-2.92l2.919%202.92zM9.807%2021v-4.596q-1.467-.125-2.92-.324T4%2015.52l.23-1q1.928.478%203.858.681t3.912.203t3.913-.203q1.93-.203%203.856-.682l.231%201q-1.436.362-2.889.56t-2.919.325V21zM5.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-.384m4.068%205.845L15.677%209.54l1.315-2.308h2.574l1.315%202.308l-1.315%202.307zm.554-1h1.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.svg?color=%231a73e8&size=48
