play for work icon

play-for-work-rounded from Material Symbols Light by Google · Rounded · Communicate · Apache-2.0 Free for personal and commercial use.

Name: play-for-work-rounded
Set: Material Symbols Light
Style: Rounded
Category: Communicate
Viewbox: 24×24
License: Apache 2.0
Aliases: play-for-work-outline-rounded

1 other variant in Material Symbols Light

play-for-work

The same icon in other sets

play-for-workMaterial Symbols

More communicate icons from Material Symbols Light

Use the play for work icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.642 17.713q-1.415-1.288-1.605-3.194q-.031-.207.11-.363Q7.286 14 7.5 14t.357.126t.18.303q.16 1.54 1.291 2.555T12 18t2.672-1.016t1.292-2.555q.036-.177.18-.303T16.5 14t.354.156q.14.155.11.363q-.191 1.906-1.606 3.194Q13.942 19 12 19t-3.358-1.287m2.858-4.64v-6.38q0-.214.143-.357T12 6.192t.357.144t.143.356v6.381l1.746-1.746q.146-.146.344-.153q.199-.007.364.159q.16.165.162.353q.003.189-.162.354l-2.388 2.389q-.132.13-.268.183t-.298.054t-.298-.053t-.267-.184L9.046 12.04q-.14-.141-.15-.342t.15-.366q.166-.166.357-.166t.357.166z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightPlayForWorkRounded(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="M8.642 17.713q-1.415-1.288-1.605-3.194q-.031-.207.11-.363Q7.286 14 7.5 14t.357.126t.18.303q.16 1.54 1.291 2.555T12 18t2.672-1.016t1.292-2.555q.036-.177.18-.303T16.5 14t.354.156q.14.155.11.363q-.191 1.906-1.606 3.194Q13.942 19 12 19t-3.358-1.287m2.858-4.64v-6.38q0-.214.143-.357T12 6.192t.357.144t.143.356v6.381l1.746-1.746q.146-.146.344-.153q.199-.007.364.159q.16.165.162.353q.003.189-.162.354l-2.388 2.389q-.132.13-.268.183t-.298.054t-.298-.053t-.267-.184L9.046 12.04q-.14-.141-.15-.342t.15-.366q.166-.166.357-.166t.357.166z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.642 17.713q-1.415-1.288-1.605-3.194q-.031-.207.11-.363Q7.286 14 7.5 14t.357.126t.18.303q.16 1.54 1.291 2.555T12 18t2.672-1.016t1.292-2.555q.036-.177.18-.303T16.5 14t.354.156q.14.155.11.363q-.191 1.906-1.606 3.194Q13.942 19 12 19t-3.358-1.287m2.858-4.64v-6.38q0-.214.143-.357T12 6.192t.357.144t.143.356v6.381l1.746-1.746q.146-.146.344-.153q.199-.007.364.159q.16.165.162.353q.003.189-.162.354l-2.388 2.389q-.132.13-.268.183t-.298.054t-.298-.053t-.267-.184L9.046 12.04q-.14-.141-.15-.342t.15-.366q.166-.166.357-.166t.357.166z"/></svg>
</template>

CSS

.icon-play-for-work-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%22M8.642%2017.713q-1.415-1.288-1.605-3.194q-.031-.207.11-.363Q7.286%2014%207.5%2014t.357.126t.18.303q.16%201.54%201.291%202.555T12%2018t2.672-1.016t1.292-2.555q.036-.177.18-.303T16.5%2014t.354.156q.14.155.11.363q-.191%201.906-1.606%203.194Q13.942%2019%2012%2019t-3.358-1.287m2.858-4.64v-6.38q0-.214.143-.357T12%206.192t.357.144t.143.356v6.381l1.746-1.746q.146-.146.344-.153q.199-.007.364.159q.16.165.162.353q.003.189-.162.354l-2.388%202.389q-.132.13-.268.183t-.298.054t-.298-.053t-.267-.184L9.046%2012.04q-.14-.141-.15-.342t.15-.366q.166-.166.357-.166t.357.166z%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%22M8.642%2017.713q-1.415-1.288-1.605-3.194q-.031-.207.11-.363Q7.286%2014%207.5%2014t.357.126t.18.303q.16%201.54%201.291%202.555T12%2018t2.672-1.016t1.292-2.555q.036-.177.18-.303T16.5%2014t.354.156q.14.155.11.363q-.191%201.906-1.606%203.194Q13.942%2019%2012%2019t-3.358-1.287m2.858-4.64v-6.38q0-.214.143-.357T12%206.192t.357.144t.143.356v6.381l1.746-1.746q.146-.146.344-.153q.199-.007.364.159q.16.165.162.353q.003.189-.162.354l-2.388%202.389q-.132.13-.268.183t-.298.054t-.298-.053t-.267-.184L9.046%2012.04q-.14-.141-.15-.342t.15-.366q.166-.166.357-.166t.357.166z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/play-for-work-rounded.svg?color=%231a73e8&size=48