play circle hint icon
play-circle-hint-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- play-circle-hint-16-filled
- Set
- Fluent UI System Icons
- Style
- 16 Filled
- Viewbox
- 16×16
- 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 16 16"><path fill="currentColor" d="M6.731 13.864a6 6 0 0 0 2.535 0a.54.54 0 0 1 .614.308a.475.475 0 0 1-.321.653a7 7 0 0 1-3.12 0a.475.475 0 0 1-.322-.654a.54.54 0 0 1 .614-.307m6.312-2.614a.54.54 0 0 1 .65-.217a.475.475 0 0 1 .235.689a7 7 0 0 1-2.206 2.206a.475.475 0 0 1-.689-.235a.54.54 0 0 1 .217-.65a6 6 0 0 0 1.793-1.793m-10.737-.217c.238-.098.51 0 .65.217a6 6 0 0 0 1.791 1.792c.216.14.314.412.216.65a.474.474 0 0 1-.689.233a7 7 0 0 1-2.203-2.203a.475.475 0 0 1 .235-.689M8 3a5 5 0 1 1 0 10A5 5 0 0 1 8 3m-.872 2.602A.75.75 0 0 0 6 6.249v3.502a.75.75 0 0 0 1.128.647l3-1.75a.75.75 0 0 0 0-1.295zm7.044.516a.475.475 0 0 1 .653.321a7 7 0 0 1 0 3.12a.475.475 0 0 1-.653.32a.54.54 0 0 1-.308-.613a6 6 0 0 0 0-2.534a.54.54 0 0 1 .308-.614M1.174 6.44a.475.475 0 0 1 .653-.32a.54.54 0 0 1 .308.613a6 6 0 0 0 0 2.532a.54.54 0 0 1-.308.614a.476.476 0 0 1-.653-.322a7 7 0 0 1 0-3.117m3.103-4.368a.474.474 0 0 1 .688.235c.098.237 0 .51-.216.649a6 6 0 0 0-1.793 1.793a.536.536 0 0 1-.65.216a.474.474 0 0 1-.234-.688a7 7 0 0 1 2.205-2.205m6.754.233a.475.475 0 0 1 .689-.235a7 7 0 0 1 2.207 2.206a.475.475 0 0 1-.235.689a.536.536 0 0 1-.649-.216a6 6 0 0 0-1.795-1.794a.54.54 0 0 1-.217-.65M8 1q.803.002 1.555.173c.289.065.435.38.322.653a.54.54 0 0 1-.613.308a6 6 0 0 0-2.532 0a.54.54 0 0 1-.613-.307a.475.475 0 0 1 .321-.653A7 7 0 0 1 8 1"/></svg>
React
import type { SVGProps } from "react";
export function FluentPlayCircleHint16Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.731 13.864a6 6 0 0 0 2.535 0a.54.54 0 0 1 .614.308a.475.475 0 0 1-.321.653a7 7 0 0 1-3.12 0a.475.475 0 0 1-.322-.654a.54.54 0 0 1 .614-.307m6.312-2.614a.54.54 0 0 1 .65-.217a.475.475 0 0 1 .235.689a7 7 0 0 1-2.206 2.206a.475.475 0 0 1-.689-.235a.54.54 0 0 1 .217-.65a6 6 0 0 0 1.793-1.793m-10.737-.217c.238-.098.51 0 .65.217a6 6 0 0 0 1.791 1.792c.216.14.314.412.216.65a.474.474 0 0 1-.689.233a7 7 0 0 1-2.203-2.203a.475.475 0 0 1 .235-.689M8 3a5 5 0 1 1 0 10A5 5 0 0 1 8 3m-.872 2.602A.75.75 0 0 0 6 6.249v3.502a.75.75 0 0 0 1.128.647l3-1.75a.75.75 0 0 0 0-1.295zm7.044.516a.475.475 0 0 1 .653.321a7 7 0 0 1 0 3.12a.475.475 0 0 1-.653.32a.54.54 0 0 1-.308-.613a6 6 0 0 0 0-2.534a.54.54 0 0 1 .308-.614M1.174 6.44a.475.475 0 0 1 .653-.32a.54.54 0 0 1 .308.613a6 6 0 0 0 0 2.532a.54.54 0 0 1-.308.614a.476.476 0 0 1-.653-.322a7 7 0 0 1 0-3.117m3.103-4.368a.474.474 0 0 1 .688.235c.098.237 0 .51-.216.649a6 6 0 0 0-1.793 1.793a.536.536 0 0 1-.65.216a.474.474 0 0 1-.234-.688a7 7 0 0 1 2.205-2.205m6.754.233a.475.475 0 0 1 .689-.235a7 7 0 0 1 2.207 2.206a.475.475 0 0 1-.235.689a.536.536 0 0 1-.649-.216a6 6 0 0 0-1.795-1.794a.54.54 0 0 1-.217-.65M8 1q.803.002 1.555.173c.289.065.435.38.322.653a.54.54 0 0 1-.613.308a6 6 0 0 0-2.532 0a.54.54 0 0 1-.613-.307a.475.475 0 0 1 .321-.653A7 7 0 0 1 8 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.731 13.864a6 6 0 0 0 2.535 0a.54.54 0 0 1 .614.308a.475.475 0 0 1-.321.653a7 7 0 0 1-3.12 0a.475.475 0 0 1-.322-.654a.54.54 0 0 1 .614-.307m6.312-2.614a.54.54 0 0 1 .65-.217a.475.475 0 0 1 .235.689a7 7 0 0 1-2.206 2.206a.475.475 0 0 1-.689-.235a.54.54 0 0 1 .217-.65a6 6 0 0 0 1.793-1.793m-10.737-.217c.238-.098.51 0 .65.217a6 6 0 0 0 1.791 1.792c.216.14.314.412.216.65a.474.474 0 0 1-.689.233a7 7 0 0 1-2.203-2.203a.475.475 0 0 1 .235-.689M8 3a5 5 0 1 1 0 10A5 5 0 0 1 8 3m-.872 2.602A.75.75 0 0 0 6 6.249v3.502a.75.75 0 0 0 1.128.647l3-1.75a.75.75 0 0 0 0-1.295zm7.044.516a.475.475 0 0 1 .653.321a7 7 0 0 1 0 3.12a.475.475 0 0 1-.653.32a.54.54 0 0 1-.308-.613a6 6 0 0 0 0-2.534a.54.54 0 0 1 .308-.614M1.174 6.44a.475.475 0 0 1 .653-.32a.54.54 0 0 1 .308.613a6 6 0 0 0 0 2.532a.54.54 0 0 1-.308.614a.476.476 0 0 1-.653-.322a7 7 0 0 1 0-3.117m3.103-4.368a.474.474 0 0 1 .688.235c.098.237 0 .51-.216.649a6 6 0 0 0-1.793 1.793a.536.536 0 0 1-.65.216a.474.474 0 0 1-.234-.688a7 7 0 0 1 2.205-2.205m6.754.233a.475.475 0 0 1 .689-.235a7 7 0 0 1 2.207 2.206a.475.475 0 0 1-.235.689a.536.536 0 0 1-.649-.216a6 6 0 0 0-1.795-1.794a.54.54 0 0 1-.217-.65M8 1q.803.002 1.555.173c.289.065.435.38.322.653a.54.54 0 0 1-.613.308a6 6 0 0 0-2.532 0a.54.54 0 0 1-.613-.307a.475.475 0 0 1 .321-.653A7 7 0 0 1 8 1"/></svg> </template>
CSS
.icon-play-circle-hint-16-filled {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.731%2013.864a6%206%200%200%200%202.535%200a.54.54%200%200%201%20.614.308a.475.475%200%200%201-.321.653a7%207%200%200%201-3.12%200a.475.475%200%200%201-.322-.654a.54.54%200%200%201%20.614-.307m6.312-2.614a.54.54%200%200%201%20.65-.217a.475.475%200%200%201%20.235.689a7%207%200%200%201-2.206%202.206a.475.475%200%200%201-.689-.235a.54.54%200%200%201%20.217-.65a6%206%200%200%200%201.793-1.793m-10.737-.217c.238-.098.51%200%20.65.217a6%206%200%200%200%201.791%201.792c.216.14.314.412.216.65a.474.474%200%200%201-.689.233a7%207%200%200%201-2.203-2.203a.475.475%200%200%201%20.235-.689M8%203a5%205%200%201%201%200%2010A5%205%200%200%201%208%203m-.872%202.602A.75.75%200%200%200%206%206.249v3.502a.75.75%200%200%200%201.128.647l3-1.75a.75.75%200%200%200%200-1.295zm7.044.516a.475.475%200%200%201%20.653.321a7%207%200%200%201%200%203.12a.475.475%200%200%201-.653.32a.54.54%200%200%201-.308-.613a6%206%200%200%200%200-2.534a.54.54%200%200%201%20.308-.614M1.174%206.44a.475.475%200%200%201%20.653-.32a.54.54%200%200%201%20.308.613a6%206%200%200%200%200%202.532a.54.54%200%200%201-.308.614a.476.476%200%200%201-.653-.322a7%207%200%200%201%200-3.117m3.103-4.368a.474.474%200%200%201%20.688.235c.098.237%200%20.51-.216.649a6%206%200%200%200-1.793%201.793a.536.536%200%200%201-.65.216a.474.474%200%200%201-.234-.688a7%207%200%200%201%202.205-2.205m6.754.233a.475.475%200%200%201%20.689-.235a7%207%200%200%201%202.207%202.206a.475.475%200%200%201-.235.689a.536.536%200%200%201-.649-.216a6%206%200%200%200-1.795-1.794a.54.54%200%200%201-.217-.65M8%201q.803.002%201.555.173c.289.065.435.38.322.653a.54.54%200%200%201-.613.308a6%206%200%200%200-2.532%200a.54.54%200%200%201-.613-.307a.475.475%200%200%201%20.321-.653A7%207%200%200%201%208%201%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.731%2013.864a6%206%200%200%200%202.535%200a.54.54%200%200%201%20.614.308a.475.475%200%200%201-.321.653a7%207%200%200%201-3.12%200a.475.475%200%200%201-.322-.654a.54.54%200%200%201%20.614-.307m6.312-2.614a.54.54%200%200%201%20.65-.217a.475.475%200%200%201%20.235.689a7%207%200%200%201-2.206%202.206a.475.475%200%200%201-.689-.235a.54.54%200%200%201%20.217-.65a6%206%200%200%200%201.793-1.793m-10.737-.217c.238-.098.51%200%20.65.217a6%206%200%200%200%201.791%201.792c.216.14.314.412.216.65a.474.474%200%200%201-.689.233a7%207%200%200%201-2.203-2.203a.475.475%200%200%201%20.235-.689M8%203a5%205%200%201%201%200%2010A5%205%200%200%201%208%203m-.872%202.602A.75.75%200%200%200%206%206.249v3.502a.75.75%200%200%200%201.128.647l3-1.75a.75.75%200%200%200%200-1.295zm7.044.516a.475.475%200%200%201%20.653.321a7%207%200%200%201%200%203.12a.475.475%200%200%201-.653.32a.54.54%200%200%201-.308-.613a6%206%200%200%200%200-2.534a.54.54%200%200%201%20.308-.614M1.174%206.44a.475.475%200%200%201%20.653-.32a.54.54%200%200%201%20.308.613a6%206%200%200%200%200%202.532a.54.54%200%200%201-.308.614a.476.476%200%200%201-.653-.322a7%207%200%200%201%200-3.117m3.103-4.368a.474.474%200%200%201%20.688.235c.098.237%200%20.51-.216.649a6%206%200%200%200-1.793%201.793a.536.536%200%200%201-.65.216a.474.474%200%200%201-.234-.688a7%207%200%200%201%202.205-2.205m6.754.233a.475.475%200%200%201%20.689-.235a7%207%200%200%201%202.207%202.206a.475.475%200%200%201-.235.689a.536.536%200%200%201-.649-.216a6%206%200%200%200-1.795-1.794a.54.54%200%200%201-.217-.65M8%201q.803.002%201.555.173c.289.065.435.38.322.653a.54.54%200%200%201-.613.308a6%206%200%200%200-2.532%200a.54.54%200%200%201-.613-.307a.475.475%200%200%201%20.321-.653A7%207%200%200%201%208%201%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-16-filled.svg?color=%231a73e8&size=48
