dotted line face emoji
dotted-line-face from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.
- Name
- dotted-line-face
- Set
- Twitter Emoji
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More smileys & emotion icons from Twitter Emoji
alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-catcrying-face
Use the dotted line face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#fff5db" d="M35.25 18c0 9.527-7.723 17.25-17.25 17.25S.75 27.527.75 18S8.473.75 18 .75S35.25 8.473 35.25 18"/><path fill="#ffcc4d" d="M18.079 35.949c-.789 0-1.571-.043-2.325-.129l.17-1.49c1.492.169 3.091.158 4.74-.04l.281 1.475l-.096.015c-.945.113-1.874.169-2.77.169m-7.281-1.399a16.8 16.8 0 0 1-4.378-2.68l.97-1.145a15.2 15.2 0 0 0 3.988 2.439zm15.031-.323l-.652-1.35a16.6 16.6 0 0 0 3.894-2.626l1.006 1.113a18 18 0 0 1-4.248 2.863m-22.783-6.22a18.6 18.6 0 0 1-2.138-4.648l1.436-.436a17 17 0 0 0 1.965 4.273zm30.305-.577l-1.277-.787a16.2 16.2 0 0 0 1.861-4.308l1.449.389a17.8 17.8 0 0 1-2.033 4.706M.087 18.314a18.6 18.6 0 0 1 .553-5.086l1.454.367a17 17 0 0 0-.508 4.676zm34.41-.645a16.5 16.5 0 0 0-.759-4.632l1.43-.452c.516 1.631.794 3.33.829 5.053zM3.894 9.272l-1.283-.777a16.7 16.7 0 0 1 3.304-3.93l.987 1.13a15.2 15.2 0 0 0-3.008 3.577m27.803-.461a16.7 16.7 0 0 0-3.147-3.487l.961-1.152a18.1 18.1 0 0 1 3.431 3.801zM10.848 3.155l-.629-1.361A21.8 21.8 0 0 1 15.062.236l.295 1.471a20.3 20.3 0 0 0-4.509 1.448m13.706-.297a16.4 16.4 0 0 0-4.527-1.234l.184-1.488c1.704.209 3.367.663 4.941 1.347z"/><ellipse cx="11.5" cy="16.5" fill="#65471b" rx="2.5" ry="3.5"/><ellipse cx="24.5" cy="16.5" fill="#65471b" rx="2.5" ry="3.5"/><path fill="#65471b" d="M25 26H11a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiDottedLineFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#fff5db" d="M35.25 18c0 9.527-7.723 17.25-17.25 17.25S.75 27.527.75 18S8.473.75 18 .75S35.25 8.473 35.25 18"/><path fill="#ffcc4d" d="M18.079 35.949c-.789 0-1.571-.043-2.325-.129l.17-1.49c1.492.169 3.091.158 4.74-.04l.281 1.475l-.096.015c-.945.113-1.874.169-2.77.169m-7.281-1.399a16.8 16.8 0 0 1-4.378-2.68l.97-1.145a15.2 15.2 0 0 0 3.988 2.439zm15.031-.323l-.652-1.35a16.6 16.6 0 0 0 3.894-2.626l1.006 1.113a18 18 0 0 1-4.248 2.863m-22.783-6.22a18.6 18.6 0 0 1-2.138-4.648l1.436-.436a17 17 0 0 0 1.965 4.273zm30.305-.577l-1.277-.787a16.2 16.2 0 0 0 1.861-4.308l1.449.389a17.8 17.8 0 0 1-2.033 4.706M.087 18.314a18.6 18.6 0 0 1 .553-5.086l1.454.367a17 17 0 0 0-.508 4.676zm34.41-.645a16.5 16.5 0 0 0-.759-4.632l1.43-.452c.516 1.631.794 3.33.829 5.053zM3.894 9.272l-1.283-.777a16.7 16.7 0 0 1 3.304-3.93l.987 1.13a15.2 15.2 0 0 0-3.008 3.577m27.803-.461a16.7 16.7 0 0 0-3.147-3.487l.961-1.152a18.1 18.1 0 0 1 3.431 3.801zM10.848 3.155l-.629-1.361A21.8 21.8 0 0 1 15.062.236l.295 1.471a20.3 20.3 0 0 0-4.509 1.448m13.706-.297a16.4 16.4 0 0 0-4.527-1.234l.184-1.488c1.704.209 3.367.663 4.941 1.347z"/><ellipse cx="11.5" cy="16.5" fill="#65471b" rx="2.5" ry="3.5"/><ellipse cx="24.5" cy="16.5" fill="#65471b" rx="2.5" ry="3.5"/><path fill="#65471b" d="M25 26H11a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#fff5db" d="M35.25 18c0 9.527-7.723 17.25-17.25 17.25S.75 27.527.75 18S8.473.75 18 .75S35.25 8.473 35.25 18"/><path fill="#ffcc4d" d="M18.079 35.949c-.789 0-1.571-.043-2.325-.129l.17-1.49c1.492.169 3.091.158 4.74-.04l.281 1.475l-.096.015c-.945.113-1.874.169-2.77.169m-7.281-1.399a16.8 16.8 0 0 1-4.378-2.68l.97-1.145a15.2 15.2 0 0 0 3.988 2.439zm15.031-.323l-.652-1.35a16.6 16.6 0 0 0 3.894-2.626l1.006 1.113a18 18 0 0 1-4.248 2.863m-22.783-6.22a18.6 18.6 0 0 1-2.138-4.648l1.436-.436a17 17 0 0 0 1.965 4.273zm30.305-.577l-1.277-.787a16.2 16.2 0 0 0 1.861-4.308l1.449.389a17.8 17.8 0 0 1-2.033 4.706M.087 18.314a18.6 18.6 0 0 1 .553-5.086l1.454.367a17 17 0 0 0-.508 4.676zm34.41-.645a16.5 16.5 0 0 0-.759-4.632l1.43-.452c.516 1.631.794 3.33.829 5.053zM3.894 9.272l-1.283-.777a16.7 16.7 0 0 1 3.304-3.93l.987 1.13a15.2 15.2 0 0 0-3.008 3.577m27.803-.461a16.7 16.7 0 0 0-3.147-3.487l.961-1.152a18.1 18.1 0 0 1 3.431 3.801zM10.848 3.155l-.629-1.361A21.8 21.8 0 0 1 15.062.236l.295 1.471a20.3 20.3 0 0 0-4.509 1.448m13.706-.297a16.4 16.4 0 0 0-4.527-1.234l.184-1.488c1.704.209 3.367.663 4.941 1.347z"/><ellipse cx="11.5" cy="16.5" fill="#65471b" rx="2.5" ry="3.5"/><ellipse cx="24.5" cy="16.5" fill="#65471b" rx="2.5" ry="3.5"/><path fill="#65471b" d="M25 26H11a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23fff5db%22%20d%3D%22M35.25%2018c0%209.527-7.723%2017.25-17.25%2017.25S.75%2027.527.75%2018S8.473.75%2018%20.75S35.25%208.473%2035.25%2018%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18.079%2035.949c-.789%200-1.571-.043-2.325-.129l.17-1.49c1.492.169%203.091.158%204.74-.04l.281%201.475l-.096.015c-.945.113-1.874.169-2.77.169m-7.281-1.399a16.8%2016.8%200%200%201-4.378-2.68l.97-1.145a15.2%2015.2%200%200%200%203.988%202.439zm15.031-.323l-.652-1.35a16.6%2016.6%200%200%200%203.894-2.626l1.006%201.113a18%2018%200%200%201-4.248%202.863m-22.783-6.22a18.6%2018.6%200%200%201-2.138-4.648l1.436-.436a17%2017%200%200%200%201.965%204.273zm30.305-.577l-1.277-.787a16.2%2016.2%200%200%200%201.861-4.308l1.449.389a17.8%2017.8%200%200%201-2.033%204.706M.087%2018.314a18.6%2018.6%200%200%201%20.553-5.086l1.454.367a17%2017%200%200%200-.508%204.676zm34.41-.645a16.5%2016.5%200%200%200-.759-4.632l1.43-.452c.516%201.631.794%203.33.829%205.053zM3.894%209.272l-1.283-.777a16.7%2016.7%200%200%201%203.304-3.93l.987%201.13a15.2%2015.2%200%200%200-3.008%203.577m27.803-.461a16.7%2016.7%200%200%200-3.147-3.487l.961-1.152a18.1%2018.1%200%200%201%203.431%203.801zM10.848%203.155l-.629-1.361A21.8%2021.8%200%200%201%2015.062.236l.295%201.471a20.3%2020.3%200%200%200-4.509%201.448m13.706-.297a16.4%2016.4%200%200%200-4.527-1.234l.184-1.488c1.704.209%203.367.663%204.941%201.347z%22%2F%3E%3Cellipse%20cx%3D%2211.5%22%20cy%3D%2216.5%22%20fill%3D%22%2365471b%22%20rx%3D%222.5%22%20ry%3D%223.5%22%2F%3E%3Cellipse%20cx%3D%2224.5%22%20cy%3D%2216.5%22%20fill%3D%22%2365471b%22%20rx%3D%222.5%22%20ry%3D%223.5%22%2F%3E%3Cpath%20fill%3D%22%2365471b%22%20d%3D%22M25%2026H11a1%201%200%201%201%200-2h14a1%201%200%201%201%200%202%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23fff5db%22%20d%3D%22M35.25%2018c0%209.527-7.723%2017.25-17.25%2017.25S.75%2027.527.75%2018S8.473.75%2018%20.75S35.25%208.473%2035.25%2018%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18.079%2035.949c-.789%200-1.571-.043-2.325-.129l.17-1.49c1.492.169%203.091.158%204.74-.04l.281%201.475l-.096.015c-.945.113-1.874.169-2.77.169m-7.281-1.399a16.8%2016.8%200%200%201-4.378-2.68l.97-1.145a15.2%2015.2%200%200%200%203.988%202.439zm15.031-.323l-.652-1.35a16.6%2016.6%200%200%200%203.894-2.626l1.006%201.113a18%2018%200%200%201-4.248%202.863m-22.783-6.22a18.6%2018.6%200%200%201-2.138-4.648l1.436-.436a17%2017%200%200%200%201.965%204.273zm30.305-.577l-1.277-.787a16.2%2016.2%200%200%200%201.861-4.308l1.449.389a17.8%2017.8%200%200%201-2.033%204.706M.087%2018.314a18.6%2018.6%200%200%201%20.553-5.086l1.454.367a17%2017%200%200%200-.508%204.676zm34.41-.645a16.5%2016.5%200%200%200-.759-4.632l1.43-.452c.516%201.631.794%203.33.829%205.053zM3.894%209.272l-1.283-.777a16.7%2016.7%200%200%201%203.304-3.93l.987%201.13a15.2%2015.2%200%200%200-3.008%203.577m27.803-.461a16.7%2016.7%200%200%200-3.147-3.487l.961-1.152a18.1%2018.1%200%200%201%203.431%203.801zM10.848%203.155l-.629-1.361A21.8%2021.8%200%200%201%2015.062.236l.295%201.471a20.3%2020.3%200%200%200-4.509%201.448m13.706-.297a16.4%2016.4%200%200%200-4.527-1.234l.184-1.488c1.704.209%203.367.663%204.941%201.347z%22%2F%3E%3Cellipse%20cx%3D%2211.5%22%20cy%3D%2216.5%22%20fill%3D%22%2365471b%22%20rx%3D%222.5%22%20ry%3D%223.5%22%2F%3E%3Cellipse%20cx%3D%2224.5%22%20cy%3D%2216.5%22%20fill%3D%22%2365471b%22%20rx%3D%222.5%22%20ry%3D%223.5%22%2F%3E%3Cpath%20fill%3D%22%2365471b%22%20d%3D%22M25%2026H11a1%201%200%201%201%200-2h14a1%201%200%201%201%200%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/dotted-line-face.svg?color=%231a73e8&size=48
