play pass icon

play-pass-outline-sharp from Material Symbols by Google · Outline Sharp · Apache-2.0 Free for personal and commercial use.

Name: play-pass-outline-sharp
Set: Material Symbols
Style: Outline Sharp
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols

play-pass play-pass-outline play-pass-outline-rounded play-pass-rounded play-pass-sharp

Related icons in Material Symbols

play-arrow play-circle play-disabled play-for-work play-lesson play-pause play-services play-shapes

Use the play pass icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 20q-.825 0-1.413.588T10 22H5V2h5q0 .825.588 1.413T12 4q.825 0 1.413-.588T14 2h5v20h-5q0-.825-.588-1.413T12 20Zm0-2q1.075 0 1.988.537T15.45 20H17V4h-1.55q-.55.925-1.463 1.463T12 6q-1.075 0-1.988-.537T8.55 4H7v16h1.55q.55-.925 1.463-1.463T12 18Zm0-6Z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsPlayPassOutlineSharp(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="M12 20q-.825 0-1.413.588T10 22H5V2h5q0 .825.588 1.413T12 4q.825 0 1.413-.588T14 2h5v20h-5q0-.825-.588-1.413T12 20Zm0-2q1.075 0 1.988.537T15.45 20H17V4h-1.55q-.55.925-1.463 1.463T12 6q-1.075 0-1.988-.537T8.55 4H7v16h1.55q.55-.925 1.463-1.463T12 18Zm0-6Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 20q-.825 0-1.413.588T10 22H5V2h5q0 .825.588 1.413T12 4q.825 0 1.413-.588T14 2h5v20h-5q0-.825-.588-1.413T12 20Zm0-2q1.075 0 1.988.537T15.45 20H17V4h-1.55q-.55.925-1.463 1.463T12 6q-1.075 0-1.988-.537T8.55 4H7v16h1.55q.55-.925 1.463-1.463T12 18Zm0-6Z"/></svg>
</template>

CSS

.icon-play-pass-outline-sharp {
  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%22M12%2020q-.825%200-1.413.588T10%2022H5V2h5q0%20.825.588%201.413T12%204q.825%200%201.413-.588T14%202h5v20h-5q0-.825-.588-1.413T12%2020Zm0-2q1.075%200%201.988.537T15.45%2020H17V4h-1.55q-.55.925-1.463%201.463T12%206q-1.075%200-1.988-.537T8.55%204H7v16h1.55q.55-.925%201.463-1.463T12%2018Zm0-6Z%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%22M12%2020q-.825%200-1.413.588T10%2022H5V2h5q0%20.825.588%201.413T12%204q.825%200%201.413-.588T14%202h5v20h-5q0-.825-.588-1.413T12%2020Zm0-2q1.075%200%201.988.537T15.45%2020H17V4h-1.55q-.55.925-1.463%201.463T12%206q-1.075%200-1.988-.537T8.55%204H7v16h1.55q.55-.925%201.463-1.463T12%2018Zm0-6Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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