play circle hint icon
play-circle-hint-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- play-circle-hint-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
5 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the play circle hint icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2q-.803.001-1.56.152a.5.5 0 0 0 .193.981a7 7 0 0 1 2.734 0a.5.5 0 0 0 .194-.98A8 8 0 0 0 10 2m4.445 1.348a.5.5 0 0 0-.556.83a7 7 0 0 1 1.932 1.933a.5.5 0 1 0 .831-.556a8 8 0 0 0-2.207-2.207m-8.334.83a.5.5 0 1 0-.556-.83a8 8 0 0 0-2.207 2.207a.5.5 0 1 0 .83.556a7 7 0 0 1 1.933-1.932M3.133 8.634a.5.5 0 0 0-.98-.194a8 8 0 0 0 0 3.122a.5.5 0 0 0 .98-.194a7 7 0 0 1 0-2.734m14.715-.194a.5.5 0 1 0-.981.194a7 7 0 0 1 0 2.734a.5.5 0 1 0 .98.194a8 8 0 0 0 0-3.122m-13.67 5.45a.5.5 0 1 0-.83.556a8 8 0 0 0 2.207 2.207a.5.5 0 1 0 .556-.83a7 7 0 0 1-1.932-1.933m12.474.556a.5.5 0 0 0-.83-.556a7 7 0 0 1-1.933 1.932a.5.5 0 1 0 .556.831a8 8 0 0 0 2.207-2.207m-8.019 2.422a.5.5 0 1 0-.194.98a8 8 0 0 0 3.122 0a.5.5 0 0 0-.194-.98a7 7 0 0 1-2.734 0M8 7.833a.75.75 0 0 1 1.125-.65l4.125 2.384a.5.5 0 0 1 0 .866l-4.125 2.383A.75.75 0 0 1 8 12.166z"/></svg>
React
import type { SVGProps } from "react";
export function FluentPlayCircleHint20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2q-.803.001-1.56.152a.5.5 0 0 0 .193.981a7 7 0 0 1 2.734 0a.5.5 0 0 0 .194-.98A8 8 0 0 0 10 2m4.445 1.348a.5.5 0 0 0-.556.83a7 7 0 0 1 1.932 1.933a.5.5 0 1 0 .831-.556a8 8 0 0 0-2.207-2.207m-8.334.83a.5.5 0 1 0-.556-.83a8 8 0 0 0-2.207 2.207a.5.5 0 1 0 .83.556a7 7 0 0 1 1.933-1.932M3.133 8.634a.5.5 0 0 0-.98-.194a8 8 0 0 0 0 3.122a.5.5 0 0 0 .98-.194a7 7 0 0 1 0-2.734m14.715-.194a.5.5 0 1 0-.981.194a7 7 0 0 1 0 2.734a.5.5 0 1 0 .98.194a8 8 0 0 0 0-3.122m-13.67 5.45a.5.5 0 1 0-.83.556a8 8 0 0 0 2.207 2.207a.5.5 0 1 0 .556-.83a7 7 0 0 1-1.932-1.933m12.474.556a.5.5 0 0 0-.83-.556a7 7 0 0 1-1.933 1.932a.5.5 0 1 0 .556.831a8 8 0 0 0 2.207-2.207m-8.019 2.422a.5.5 0 1 0-.194.98a8 8 0 0 0 3.122 0a.5.5 0 0 0-.194-.98a7 7 0 0 1-2.734 0M8 7.833a.75.75 0 0 1 1.125-.65l4.125 2.384a.5.5 0 0 1 0 .866l-4.125 2.383A.75.75 0 0 1 8 12.166z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2q-.803.001-1.56.152a.5.5 0 0 0 .193.981a7 7 0 0 1 2.734 0a.5.5 0 0 0 .194-.98A8 8 0 0 0 10 2m4.445 1.348a.5.5 0 0 0-.556.83a7 7 0 0 1 1.932 1.933a.5.5 0 1 0 .831-.556a8 8 0 0 0-2.207-2.207m-8.334.83a.5.5 0 1 0-.556-.83a8 8 0 0 0-2.207 2.207a.5.5 0 1 0 .83.556a7 7 0 0 1 1.933-1.932M3.133 8.634a.5.5 0 0 0-.98-.194a8 8 0 0 0 0 3.122a.5.5 0 0 0 .98-.194a7 7 0 0 1 0-2.734m14.715-.194a.5.5 0 1 0-.981.194a7 7 0 0 1 0 2.734a.5.5 0 1 0 .98.194a8 8 0 0 0 0-3.122m-13.67 5.45a.5.5 0 1 0-.83.556a8 8 0 0 0 2.207 2.207a.5.5 0 1 0 .556-.83a7 7 0 0 1-1.932-1.933m12.474.556a.5.5 0 0 0-.83-.556a7 7 0 0 1-1.933 1.932a.5.5 0 1 0 .556.831a8 8 0 0 0 2.207-2.207m-8.019 2.422a.5.5 0 1 0-.194.98a8 8 0 0 0 3.122 0a.5.5 0 0 0-.194-.98a7 7 0 0 1-2.734 0M8 7.833a.75.75 0 0 1 1.125-.65l4.125 2.384a.5.5 0 0 1 0 .866l-4.125 2.383A.75.75 0 0 1 8 12.166z"/></svg> </template>
CSS
.icon-play-circle-hint-20-regular {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%202q-.803.001-1.56.152a.5.5%200%200%200%20.193.981a7%207%200%200%201%202.734%200a.5.5%200%200%200%20.194-.98A8%208%200%200%200%2010%202m4.445%201.348a.5.5%200%200%200-.556.83a7%207%200%200%201%201.932%201.933a.5.5%200%201%200%20.831-.556a8%208%200%200%200-2.207-2.207m-8.334.83a.5.5%200%201%200-.556-.83a8%208%200%200%200-2.207%202.207a.5.5%200%201%200%20.83.556a7%207%200%200%201%201.933-1.932M3.133%208.634a.5.5%200%200%200-.98-.194a8%208%200%200%200%200%203.122a.5.5%200%200%200%20.98-.194a7%207%200%200%201%200-2.734m14.715-.194a.5.5%200%201%200-.981.194a7%207%200%200%201%200%202.734a.5.5%200%201%200%20.98.194a8%208%200%200%200%200-3.122m-13.67%205.45a.5.5%200%201%200-.83.556a8%208%200%200%200%202.207%202.207a.5.5%200%201%200%20.556-.83a7%207%200%200%201-1.932-1.933m12.474.556a.5.5%200%200%200-.83-.556a7%207%200%200%201-1.933%201.932a.5.5%200%201%200%20.556.831a8%208%200%200%200%202.207-2.207m-8.019%202.422a.5.5%200%201%200-.194.98a8%208%200%200%200%203.122%200a.5.5%200%200%200-.194-.98a7%207%200%200%201-2.734%200M8%207.833a.75.75%200%200%201%201.125-.65l4.125%202.384a.5.5%200%200%201%200%20.866l-4.125%202.383A.75.75%200%200%201%208%2012.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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%202q-.803.001-1.56.152a.5.5%200%200%200%20.193.981a7%207%200%200%201%202.734%200a.5.5%200%200%200%20.194-.98A8%208%200%200%200%2010%202m4.445%201.348a.5.5%200%200%200-.556.83a7%207%200%200%201%201.932%201.933a.5.5%200%201%200%20.831-.556a8%208%200%200%200-2.207-2.207m-8.334.83a.5.5%200%201%200-.556-.83a8%208%200%200%200-2.207%202.207a.5.5%200%201%200%20.83.556a7%207%200%200%201%201.933-1.932M3.133%208.634a.5.5%200%200%200-.98-.194a8%208%200%200%200%200%203.122a.5.5%200%200%200%20.98-.194a7%207%200%200%201%200-2.734m14.715-.194a.5.5%200%201%200-.981.194a7%207%200%200%201%200%202.734a.5.5%200%201%200%20.98.194a8%208%200%200%200%200-3.122m-13.67%205.45a.5.5%200%201%200-.83.556a8%208%200%200%200%202.207%202.207a.5.5%200%201%200%20.556-.83a7%207%200%200%201-1.932-1.933m12.474.556a.5.5%200%200%200-.83-.556a7%207%200%200%201-1.933%201.932a.5.5%200%201%200%20.556.831a8%208%200%200%200%202.207-2.207m-8.019%202.422a.5.5%200%201%200-.194.98a8%208%200%200%200%203.122%200a.5.5%200%200%200-.194-.98a7%207%200%200%201-2.734%200M8%207.833a.75.75%200%200%201%201.125-.65l4.125%202.384a.5.5%200%200%201%200%20.866l-4.125%202.383A.75.75%200%200%201%208%2012.166z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/play-circle-hint-20-regular.svg?color=%231a73e8&size=48
