play services icon
play-services from Material Symbols by Google · Regular · Apache-2.0 Free for personal and commercial use.
- Name
- play-services
- Set
- Material Symbols
- Style
- Regular
- Viewbox
- 24×24
- License
- Apache 2.0
Related icons in Material Symbols
Use the play services icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.8 16.1q-.275.15-.525 0t-.25-.45v-7.3q0-.3.25-.45q.25-.15.525 0l4.35 2.5q.15.1.225.275q.075.175.025.35q-.125.5-.125.975t.125.975q.05.175-.012.35q-.063.175-.238.25Zm7.15 5.825l-6.3-3.575q-.275-.15-.262-.463q.012-.312.287-.462l4.3-2.475q.15-.1.325-.063q.175.038.3.163q.35.35.775.587q.425.238.925.388q.175.05.288.187q.112.138.137.313v4.95q0 .3-.25.45q-.25.15-.525 0Zm-.05-11.75l-6.25-3.6q-.275-.15-.275-.462q0-.313.25-.463l6.3-3.6q.275-.15.525.012q.25.163.25.463v7.2q0 .3-.262.45q-.263.15-.538 0Zm3.15 11.775q-.275.15-.525-.012q-.25-.163-.25-.463V16.55q0-.2.112-.338q.113-.137.288-.187q.5-.15.925-.388q.425-.237.775-.587q.125-.125.3-.163q.175-.037.325.063l4.325 2.5q.275.15.288.45q.012.3-.263.45Zm0-11.775q-.275.15-.525 0t-.25-.45v-7.2q0-.3.25-.45q.25-.15.525 0l6.275 3.575q.275.15.275.463q0 .312-.275.462Z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsPlayServices(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="M3.8 16.1q-.275.15-.525 0t-.25-.45v-7.3q0-.3.25-.45q.25-.15.525 0l4.35 2.5q.15.1.225.275q.075.175.025.35q-.125.5-.125.975t.125.975q.05.175-.012.35q-.063.175-.238.25Zm7.15 5.825l-6.3-3.575q-.275-.15-.262-.463q.012-.312.287-.462l4.3-2.475q.15-.1.325-.063q.175.038.3.163q.35.35.775.587q.425.238.925.388q.175.05.288.187q.112.138.137.313v4.95q0 .3-.25.45q-.25.15-.525 0Zm-.05-11.75l-6.25-3.6q-.275-.15-.275-.462q0-.313.25-.463l6.3-3.6q.275-.15.525.012q.25.163.25.463v7.2q0 .3-.262.45q-.263.15-.538 0Zm3.15 11.775q-.275.15-.525-.012q-.25-.163-.25-.463V16.55q0-.2.112-.338q.113-.137.288-.187q.5-.15.925-.388q.425-.237.775-.587q.125-.125.3-.163q.175-.037.325.063l4.325 2.5q.275.15.288.45q.012.3-.263.45Zm0-11.775q-.275.15-.525 0t-.25-.45v-7.2q0-.3.25-.45q.25-.15.525 0l6.275 3.575q.275.15.275.463q0 .312-.275.462Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.8 16.1q-.275.15-.525 0t-.25-.45v-7.3q0-.3.25-.45q.25-.15.525 0l4.35 2.5q.15.1.225.275q.075.175.025.35q-.125.5-.125.975t.125.975q.05.175-.012.35q-.063.175-.238.25Zm7.15 5.825l-6.3-3.575q-.275-.15-.262-.463q.012-.312.287-.462l4.3-2.475q.15-.1.325-.063q.175.038.3.163q.35.35.775.587q.425.238.925.388q.175.05.288.187q.112.138.137.313v4.95q0 .3-.25.45q-.25.15-.525 0Zm-.05-11.75l-6.25-3.6q-.275-.15-.275-.462q0-.313.25-.463l6.3-3.6q.275-.15.525.012q.25.163.25.463v7.2q0 .3-.262.45q-.263.15-.538 0Zm3.15 11.775q-.275.15-.525-.012q-.25-.163-.25-.463V16.55q0-.2.112-.338q.113-.137.288-.187q.5-.15.925-.388q.425-.237.775-.587q.125-.125.3-.163q.175-.037.325.063l4.325 2.5q.275.15.288.45q.012.3-.263.45Zm0-11.775q-.275.15-.525 0t-.25-.45v-7.2q0-.3.25-.45q.25-.15.525 0l6.275 3.575q.275.15.275.463q0 .312-.275.462Z"/></svg> </template>
CSS
.icon-play-services {
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%22M3.8%2016.1q-.275.15-.525%200t-.25-.45v-7.3q0-.3.25-.45q.25-.15.525%200l4.35%202.5q.15.1.225.275q.075.175.025.35q-.125.5-.125.975t.125.975q.05.175-.012.35q-.063.175-.238.25Zm7.15%205.825l-6.3-3.575q-.275-.15-.262-.463q.012-.312.287-.462l4.3-2.475q.15-.1.325-.063q.175.038.3.163q.35.35.775.587q.425.238.925.388q.175.05.288.187q.112.138.137.313v4.95q0%20.3-.25.45q-.25.15-.525%200Zm-.05-11.75l-6.25-3.6q-.275-.15-.275-.462q0-.313.25-.463l6.3-3.6q.275-.15.525.012q.25.163.25.463v7.2q0%20.3-.262.45q-.263.15-.538%200Zm3.15%2011.775q-.275.15-.525-.012q-.25-.163-.25-.463V16.55q0-.2.112-.338q.113-.137.288-.187q.5-.15.925-.388q.425-.237.775-.587q.125-.125.3-.163q.175-.037.325.063l4.325%202.5q.275.15.288.45q.012.3-.263.45Zm0-11.775q-.275.15-.525%200t-.25-.45v-7.2q0-.3.25-.45q.25-.15.525%200l6.275%203.575q.275.15.275.463q0%20.312-.275.462Z%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%22M3.8%2016.1q-.275.15-.525%200t-.25-.45v-7.3q0-.3.25-.45q.25-.15.525%200l4.35%202.5q.15.1.225.275q.075.175.025.35q-.125.5-.125.975t.125.975q.05.175-.012.35q-.063.175-.238.25Zm7.15%205.825l-6.3-3.575q-.275-.15-.262-.463q.012-.312.287-.462l4.3-2.475q.15-.1.325-.063q.175.038.3.163q.35.35.775.587q.425.238.925.388q.175.05.288.187q.112.138.137.313v4.95q0%20.3-.25.45q-.25.15-.525%200Zm-.05-11.75l-6.25-3.6q-.275-.15-.275-.462q0-.313.25-.463l6.3-3.6q.275-.15.525.012q.25.163.25.463v7.2q0%20.3-.262.45q-.263.15-.538%200Zm3.15%2011.775q-.275.15-.525-.012q-.25-.163-.25-.463V16.55q0-.2.112-.338q.113-.137.288-.187q.5-.15.925-.388q.425-.237.775-.587q.125-.125.3-.163q.175-.037.325.063l4.325%202.5q.275.15.288.45q.012.3-.263.45Zm0-11.775q-.275.15-.525%200t-.25-.45v-7.2q0-.3.25-.45q.25-.15.525%200l6.275%203.575q.275.15.275.463q0%20.312-.275.462Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/play-services.svg?color=%231a73e8&size=48
