dotted line face emoji

dotted-line-face from Fluent Emoji Flat by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.

Name
dotted-line-face
Set
Fluent Emoji Flat
Style
Default
Category
Smileys & Emotion
Viewbox
32×32
License
MIT

The same emoji in other sets

dotted-line-faceFluent Emojidotted-line-faceFluent Emoji High Contrastdotted-line-faceNoto Emojidotted-line-faceOpenMojidotted-line-faceTwitter Emoji

More smileys & emotion icons from Fluent Emoji Flat

alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbombbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-cat

Use the dotted line face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ffce7c" d="M15.999 30c9.334 0 13.999-6.268 13.999-13.999s-4.665-13.999-14-13.999C6.665 2.002 2 8.27 2 16.002C2 23.731 6.664 30 15.999 30"/><path fill="#d3883e" d="M16 2.75q-.793 0-1.535.061a.75.75 0 0 1-.123-1.495Q15.148 1.25 16 1.25t1.658.066a.75.75 0 0 1-.123 1.495A19 19 0 0 0 16 2.75m5.045-.056a.75.75 0 0 1 .964-.443c1.098.406 2.097.93 2.994 1.554a.75.75 0 1 1-.857 1.231a11.8 11.8 0 0 0-2.658-1.379a.75.75 0 0 1-.443-.963m-10.09 0a.75.75 0 0 1-.443.963a11.8 11.8 0 0 0-2.658 1.379a.75.75 0 0 1-.857-1.23A13.3 13.3 0 0 1 9.99 2.25a.75.75 0 0 1 .964.443M4.867 6.809a.75.75 0 0 1 .193 1.043c-.56.815-1.02 1.709-1.377 2.668a.75.75 0 1 1-1.405-.525a13.8 13.8 0 0 1 1.546-2.993a.75.75 0 0 1 1.043-.193m22.266 0a.75.75 0 0 1 1.043.193a13.8 13.8 0 0 1 1.546 2.993a.75.75 0 1 1-1.405.525a12.3 12.3 0 0 0-1.377-2.668a.75.75 0 0 1 .193-1.043m-25 6.848a.75.75 0 0 1 .682.812a17.7 17.7 0 0 0 0 3.062a.75.75 0 1 1-1.494.13a19 19 0 0 1 0-3.322a.75.75 0 0 1 .812-.682m27.734 0a.75.75 0 0 1 .812.682a19 19 0 0 1 0 3.322a.75.75 0 1 1-1.494-.13a17.7 17.7 0 0 0 0-3.062a.75.75 0 0 1 .682-.812m-.585 7.383a.75.75 0 0 1 .44.965a13.8 13.8 0 0 1-1.546 2.993a.75.75 0 0 1-1.236-.85c.56-.814 1.02-1.709 1.377-2.668a.75.75 0 0 1 .965-.44m-26.564 0a.75.75 0 0 1 .965.44c.358.96.817 1.854 1.377 2.668a.75.75 0 0 1-1.236.85a13.8 13.8 0 0 1-1.546-2.994a.75.75 0 0 1 .44-.964m4.092 6.11a.75.75 0 0 1 1.044-.186a11.8 11.8 0 0 0 2.658 1.379a.75.75 0 1 1-.52 1.406a13.3 13.3 0 0 1-2.995-1.554a.75.75 0 0 1-.187-1.044m18.38 0a.75.75 0 0 1-.187 1.045a13.3 13.3 0 0 1-2.994 1.554a.75.75 0 1 1-.52-1.406a11.8 11.8 0 0 0 2.657-1.379a.75.75 0 0 1 1.044.187m-11.534 2.725a.75.75 0 0 1 .809-.686q.742.06 1.535.061q.793 0 1.535-.061a.75.75 0 0 1 .123 1.495q-.806.066-1.658.066t-1.658-.066a.75.75 0 0 1-.686-.81"/><path fill="#fff" d="M14.999 11.501a4.5 4.5 0 1 1-9.001 0a4.5 4.5 0 0 1 9 0m1.999 0a4.5 4.5 0 1 0 9.001 0a4.5 4.5 0 0 0-9.001 0"/><path fill="#402a32" d="M11.12 14.691a3.21 3.21 0 1 0 0-6.42a3.21 3.21 0 0 0 0 6.42m9.757 0a3.21 3.21 0 1 1 0-6.42a3.21 3.21 0 0 1 0 6.42m-9.384 4.061a.75.75 0 0 0 0 1.5h9.012a.75.75 0 1 0 0-1.5z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatDottedLineFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ffce7c" d="M15.999 30c9.334 0 13.999-6.268 13.999-13.999s-4.665-13.999-14-13.999C6.665 2.002 2 8.27 2 16.002C2 23.731 6.664 30 15.999 30"/><path fill="#d3883e" d="M16 2.75q-.793 0-1.535.061a.75.75 0 0 1-.123-1.495Q15.148 1.25 16 1.25t1.658.066a.75.75 0 0 1-.123 1.495A19 19 0 0 0 16 2.75m5.045-.056a.75.75 0 0 1 .964-.443c1.098.406 2.097.93 2.994 1.554a.75.75 0 1 1-.857 1.231a11.8 11.8 0 0 0-2.658-1.379a.75.75 0 0 1-.443-.963m-10.09 0a.75.75 0 0 1-.443.963a11.8 11.8 0 0 0-2.658 1.379a.75.75 0 0 1-.857-1.23A13.3 13.3 0 0 1 9.99 2.25a.75.75 0 0 1 .964.443M4.867 6.809a.75.75 0 0 1 .193 1.043c-.56.815-1.02 1.709-1.377 2.668a.75.75 0 1 1-1.405-.525a13.8 13.8 0 0 1 1.546-2.993a.75.75 0 0 1 1.043-.193m22.266 0a.75.75 0 0 1 1.043.193a13.8 13.8 0 0 1 1.546 2.993a.75.75 0 1 1-1.405.525a12.3 12.3 0 0 0-1.377-2.668a.75.75 0 0 1 .193-1.043m-25 6.848a.75.75 0 0 1 .682.812a17.7 17.7 0 0 0 0 3.062a.75.75 0 1 1-1.494.13a19 19 0 0 1 0-3.322a.75.75 0 0 1 .812-.682m27.734 0a.75.75 0 0 1 .812.682a19 19 0 0 1 0 3.322a.75.75 0 1 1-1.494-.13a17.7 17.7 0 0 0 0-3.062a.75.75 0 0 1 .682-.812m-.585 7.383a.75.75 0 0 1 .44.965a13.8 13.8 0 0 1-1.546 2.993a.75.75 0 0 1-1.236-.85c.56-.814 1.02-1.709 1.377-2.668a.75.75 0 0 1 .965-.44m-26.564 0a.75.75 0 0 1 .965.44c.358.96.817 1.854 1.377 2.668a.75.75 0 0 1-1.236.85a13.8 13.8 0 0 1-1.546-2.994a.75.75 0 0 1 .44-.964m4.092 6.11a.75.75 0 0 1 1.044-.186a11.8 11.8 0 0 0 2.658 1.379a.75.75 0 1 1-.52 1.406a13.3 13.3 0 0 1-2.995-1.554a.75.75 0 0 1-.187-1.044m18.38 0a.75.75 0 0 1-.187 1.045a13.3 13.3 0 0 1-2.994 1.554a.75.75 0 1 1-.52-1.406a11.8 11.8 0 0 0 2.657-1.379a.75.75 0 0 1 1.044.187m-11.534 2.725a.75.75 0 0 1 .809-.686q.742.06 1.535.061q.793 0 1.535-.061a.75.75 0 0 1 .123 1.495q-.806.066-1.658.066t-1.658-.066a.75.75 0 0 1-.686-.81"/><path fill="#fff" d="M14.999 11.501a4.5 4.5 0 1 1-9.001 0a4.5 4.5 0 0 1 9 0m1.999 0a4.5 4.5 0 1 0 9.001 0a4.5 4.5 0 0 0-9.001 0"/><path fill="#402a32" d="M11.12 14.691a3.21 3.21 0 1 0 0-6.42a3.21 3.21 0 0 0 0 6.42m9.757 0a3.21 3.21 0 1 1 0-6.42a3.21 3.21 0 0 1 0 6.42m-9.384 4.061a.75.75 0 0 0 0 1.5h9.012a.75.75 0 1 0 0-1.5z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ffce7c" d="M15.999 30c9.334 0 13.999-6.268 13.999-13.999s-4.665-13.999-14-13.999C6.665 2.002 2 8.27 2 16.002C2 23.731 6.664 30 15.999 30"/><path fill="#d3883e" d="M16 2.75q-.793 0-1.535.061a.75.75 0 0 1-.123-1.495Q15.148 1.25 16 1.25t1.658.066a.75.75 0 0 1-.123 1.495A19 19 0 0 0 16 2.75m5.045-.056a.75.75 0 0 1 .964-.443c1.098.406 2.097.93 2.994 1.554a.75.75 0 1 1-.857 1.231a11.8 11.8 0 0 0-2.658-1.379a.75.75 0 0 1-.443-.963m-10.09 0a.75.75 0 0 1-.443.963a11.8 11.8 0 0 0-2.658 1.379a.75.75 0 0 1-.857-1.23A13.3 13.3 0 0 1 9.99 2.25a.75.75 0 0 1 .964.443M4.867 6.809a.75.75 0 0 1 .193 1.043c-.56.815-1.02 1.709-1.377 2.668a.75.75 0 1 1-1.405-.525a13.8 13.8 0 0 1 1.546-2.993a.75.75 0 0 1 1.043-.193m22.266 0a.75.75 0 0 1 1.043.193a13.8 13.8 0 0 1 1.546 2.993a.75.75 0 1 1-1.405.525a12.3 12.3 0 0 0-1.377-2.668a.75.75 0 0 1 .193-1.043m-25 6.848a.75.75 0 0 1 .682.812a17.7 17.7 0 0 0 0 3.062a.75.75 0 1 1-1.494.13a19 19 0 0 1 0-3.322a.75.75 0 0 1 .812-.682m27.734 0a.75.75 0 0 1 .812.682a19 19 0 0 1 0 3.322a.75.75 0 1 1-1.494-.13a17.7 17.7 0 0 0 0-3.062a.75.75 0 0 1 .682-.812m-.585 7.383a.75.75 0 0 1 .44.965a13.8 13.8 0 0 1-1.546 2.993a.75.75 0 0 1-1.236-.85c.56-.814 1.02-1.709 1.377-2.668a.75.75 0 0 1 .965-.44m-26.564 0a.75.75 0 0 1 .965.44c.358.96.817 1.854 1.377 2.668a.75.75 0 0 1-1.236.85a13.8 13.8 0 0 1-1.546-2.994a.75.75 0 0 1 .44-.964m4.092 6.11a.75.75 0 0 1 1.044-.186a11.8 11.8 0 0 0 2.658 1.379a.75.75 0 1 1-.52 1.406a13.3 13.3 0 0 1-2.995-1.554a.75.75 0 0 1-.187-1.044m18.38 0a.75.75 0 0 1-.187 1.045a13.3 13.3 0 0 1-2.994 1.554a.75.75 0 1 1-.52-1.406a11.8 11.8 0 0 0 2.657-1.379a.75.75 0 0 1 1.044.187m-11.534 2.725a.75.75 0 0 1 .809-.686q.742.06 1.535.061q.793 0 1.535-.061a.75.75 0 0 1 .123 1.495q-.806.066-1.658.066t-1.658-.066a.75.75 0 0 1-.686-.81"/><path fill="#fff" d="M14.999 11.501a4.5 4.5 0 1 1-9.001 0a4.5 4.5 0 0 1 9 0m1.999 0a4.5 4.5 0 1 0 9.001 0a4.5 4.5 0 0 0-9.001 0"/><path fill="#402a32" d="M11.12 14.691a3.21 3.21 0 1 0 0-6.42a3.21 3.21 0 0 0 0 6.42m9.757 0a3.21 3.21 0 1 1 0-6.42a3.21 3.21 0 0 1 0 6.42m-9.384 4.061a.75.75 0 0 0 0 1.5h9.012a.75.75 0 1 0 0-1.5z"/></g></svg>
</template>

CSS

.icon-dotted-line-face {
  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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffce7c%22%20d%3D%22M15.999%2030c9.334%200%2013.999-6.268%2013.999-13.999s-4.665-13.999-14-13.999C6.665%202.002%202%208.27%202%2016.002C2%2023.731%206.664%2030%2015.999%2030%22%2F%3E%3Cpath%20fill%3D%22%23d3883e%22%20d%3D%22M16%202.75q-.793%200-1.535.061a.75.75%200%200%201-.123-1.495Q15.148%201.25%2016%201.25t1.658.066a.75.75%200%200%201-.123%201.495A19%2019%200%200%200%2016%202.75m5.045-.056a.75.75%200%200%201%20.964-.443c1.098.406%202.097.93%202.994%201.554a.75.75%200%201%201-.857%201.231a11.8%2011.8%200%200%200-2.658-1.379a.75.75%200%200%201-.443-.963m-10.09%200a.75.75%200%200%201-.443.963a11.8%2011.8%200%200%200-2.658%201.379a.75.75%200%200%201-.857-1.23A13.3%2013.3%200%200%201%209.99%202.25a.75.75%200%200%201%20.964.443M4.867%206.809a.75.75%200%200%201%20.193%201.043c-.56.815-1.02%201.709-1.377%202.668a.75.75%200%201%201-1.405-.525a13.8%2013.8%200%200%201%201.546-2.993a.75.75%200%200%201%201.043-.193m22.266%200a.75.75%200%200%201%201.043.193a13.8%2013.8%200%200%201%201.546%202.993a.75.75%200%201%201-1.405.525a12.3%2012.3%200%200%200-1.377-2.668a.75.75%200%200%201%20.193-1.043m-25%206.848a.75.75%200%200%201%20.682.812a17.7%2017.7%200%200%200%200%203.062a.75.75%200%201%201-1.494.13a19%2019%200%200%201%200-3.322a.75.75%200%200%201%20.812-.682m27.734%200a.75.75%200%200%201%20.812.682a19%2019%200%200%201%200%203.322a.75.75%200%201%201-1.494-.13a17.7%2017.7%200%200%200%200-3.062a.75.75%200%200%201%20.682-.812m-.585%207.383a.75.75%200%200%201%20.44.965a13.8%2013.8%200%200%201-1.546%202.993a.75.75%200%200%201-1.236-.85c.56-.814%201.02-1.709%201.377-2.668a.75.75%200%200%201%20.965-.44m-26.564%200a.75.75%200%200%201%20.965.44c.358.96.817%201.854%201.377%202.668a.75.75%200%200%201-1.236.85a13.8%2013.8%200%200%201-1.546-2.994a.75.75%200%200%201%20.44-.964m4.092%206.11a.75.75%200%200%201%201.044-.186a11.8%2011.8%200%200%200%202.658%201.379a.75.75%200%201%201-.52%201.406a13.3%2013.3%200%200%201-2.995-1.554a.75.75%200%200%201-.187-1.044m18.38%200a.75.75%200%200%201-.187%201.045a13.3%2013.3%200%200%201-2.994%201.554a.75.75%200%201%201-.52-1.406a11.8%2011.8%200%200%200%202.657-1.379a.75.75%200%200%201%201.044.187m-11.534%202.725a.75.75%200%200%201%20.809-.686q.742.06%201.535.061q.793%200%201.535-.061a.75.75%200%200%201%20.123%201.495q-.806.066-1.658.066t-1.658-.066a.75.75%200%200%201-.686-.81%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.999%2011.501a4.5%204.5%200%201%201-9.001%200a4.5%204.5%200%200%201%209%200m1.999%200a4.5%204.5%200%201%200%209.001%200a4.5%204.5%200%200%200-9.001%200%22%2F%3E%3Cpath%20fill%3D%22%23402a32%22%20d%3D%22M11.12%2014.691a3.21%203.21%200%201%200%200-6.42a3.21%203.21%200%200%200%200%206.42m9.757%200a3.21%203.21%200%201%201%200-6.42a3.21%203.21%200%200%201%200%206.42m-9.384%204.061a.75.75%200%200%200%200%201.5h9.012a.75.75%200%201%200%200-1.5z%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffce7c%22%20d%3D%22M15.999%2030c9.334%200%2013.999-6.268%2013.999-13.999s-4.665-13.999-14-13.999C6.665%202.002%202%208.27%202%2016.002C2%2023.731%206.664%2030%2015.999%2030%22%2F%3E%3Cpath%20fill%3D%22%23d3883e%22%20d%3D%22M16%202.75q-.793%200-1.535.061a.75.75%200%200%201-.123-1.495Q15.148%201.25%2016%201.25t1.658.066a.75.75%200%200%201-.123%201.495A19%2019%200%200%200%2016%202.75m5.045-.056a.75.75%200%200%201%20.964-.443c1.098.406%202.097.93%202.994%201.554a.75.75%200%201%201-.857%201.231a11.8%2011.8%200%200%200-2.658-1.379a.75.75%200%200%201-.443-.963m-10.09%200a.75.75%200%200%201-.443.963a11.8%2011.8%200%200%200-2.658%201.379a.75.75%200%200%201-.857-1.23A13.3%2013.3%200%200%201%209.99%202.25a.75.75%200%200%201%20.964.443M4.867%206.809a.75.75%200%200%201%20.193%201.043c-.56.815-1.02%201.709-1.377%202.668a.75.75%200%201%201-1.405-.525a13.8%2013.8%200%200%201%201.546-2.993a.75.75%200%200%201%201.043-.193m22.266%200a.75.75%200%200%201%201.043.193a13.8%2013.8%200%200%201%201.546%202.993a.75.75%200%201%201-1.405.525a12.3%2012.3%200%200%200-1.377-2.668a.75.75%200%200%201%20.193-1.043m-25%206.848a.75.75%200%200%201%20.682.812a17.7%2017.7%200%200%200%200%203.062a.75.75%200%201%201-1.494.13a19%2019%200%200%201%200-3.322a.75.75%200%200%201%20.812-.682m27.734%200a.75.75%200%200%201%20.812.682a19%2019%200%200%201%200%203.322a.75.75%200%201%201-1.494-.13a17.7%2017.7%200%200%200%200-3.062a.75.75%200%200%201%20.682-.812m-.585%207.383a.75.75%200%200%201%20.44.965a13.8%2013.8%200%200%201-1.546%202.993a.75.75%200%200%201-1.236-.85c.56-.814%201.02-1.709%201.377-2.668a.75.75%200%200%201%20.965-.44m-26.564%200a.75.75%200%200%201%20.965.44c.358.96.817%201.854%201.377%202.668a.75.75%200%200%201-1.236.85a13.8%2013.8%200%200%201-1.546-2.994a.75.75%200%200%201%20.44-.964m4.092%206.11a.75.75%200%200%201%201.044-.186a11.8%2011.8%200%200%200%202.658%201.379a.75.75%200%201%201-.52%201.406a13.3%2013.3%200%200%201-2.995-1.554a.75.75%200%200%201-.187-1.044m18.38%200a.75.75%200%200%201-.187%201.045a13.3%2013.3%200%200%201-2.994%201.554a.75.75%200%201%201-.52-1.406a11.8%2011.8%200%200%200%202.657-1.379a.75.75%200%200%201%201.044.187m-11.534%202.725a.75.75%200%200%201%20.809-.686q.742.06%201.535.061q.793%200%201.535-.061a.75.75%200%200%201%20.123%201.495q-.806.066-1.658.066t-1.658-.066a.75.75%200%200%201-.686-.81%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.999%2011.501a4.5%204.5%200%201%201-9.001%200a4.5%204.5%200%200%201%209%200m1.999%200a4.5%204.5%200%201%200%209.001%200a4.5%204.5%200%200%200-9.001%200%22%2F%3E%3Cpath%20fill%3D%22%23402a32%22%20d%3D%22M11.12%2014.691a3.21%203.21%200%201%200%200-6.42a3.21%203.21%200%200%200%200%206.42m9.757%200a3.21%203.21%200%201%201%200-6.42a3.21%203.21%200%200%201%200%206.42m-9.384%204.061a.75.75%200%200%200%200%201.5h9.012a.75.75%200%201%200%200-1.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/dotted-line-face.svg?color=%231a73e8&size=48