zipper mouth face emoji

zipper-mouth-face from OpenMoji by OpenMoji · Default · Smileys Emotion · CC-BY-SA-4.0 Attribution required.

Name
zipper-mouth-face
Set
OpenMoji
Style
Default
Category
Smileys Emotion
Viewbox
72×72
License
CC BY-SA 4.0

The same emoji in other sets

zipper-mouth-faceEmoji One (Colored)zipper-mouth-faceFluent Emojizipper-mouth-faceFluent Emoji Flatzipper-mouth-faceFluent Emoji High Contrastzipper-mouth-faceNoto Emojizipper-mouth-faceStreamline Emojiszipper-mouth-faceTwitter Emoji

More smileys emotion icons from OpenMoji

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-facecracking-facecrying-cat

Use the zipper mouth face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="36" cy="35.643" r="23" fill="#fcea2b"/><path fill="#9b9b9a" d="m58.297 54.198l-1.947 1.946a2.4 2.4 0 0 1-3.397 0l-4.86-4.86a2.4 2.4 0 0 1 0-3.397l1.946-1.947a2.4 2.4 0 0 1 3.397 0l4.86 4.861a2.4 2.4 0 0 1 0 3.397"/><path fill="#d0cfce" d="m50.355 47.787l-.512.513a.737.737 0 0 1-1.043 0l-1.615-1.616a.737.737 0 0 1 0-1.042l.512-.512a.737.737 0 0 1 1.042 0l1.616 1.615a.737.737 0 0 1 0 1.042"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m47.705 45.684l-23.665-.089m.521.27v3.303m1.911-7.142v3.303m1.941.536v3.303m1.912-7.142v3.303m1.928.536v3.303m1.911-7.142v3.303m1.941.536v3.303m1.912-7.142v3.303m1.915.536v3.303m1.912-7.142v3.303m1.969.536v3.303m1.887-7.142v3.303"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M50.918 45.328a2.4 2.4 0 0 1 2.518.56l4.86 4.86a2.4 2.4 0 0 1 0 3.397l-1.946 1.946a2.4 2.4 0 0 1-3.397 0l-4.86-4.86a2.4 2.4 0 0 1-.604-2.387"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M57.481 44.237A23 23 0 0 0 59 36c0-12.703-10.298-23-23-23S13 23.297 13 36s10.298 23 23 23c4.07 0 7.893-1.057 11.21-2.912"/><path d="M30 31a3.001 3.001 0 0 1-6 0c0-1.655 1.345-3 3-3s3 1.345 3 3m18 0a3.001 3.001 0 0 1-6 0c0-1.655 1.345-3 3-3s3 1.345 3 3"/></svg>

React

import type { SVGProps } from "react";

export function OpenmojiZipperMouthFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="36" cy="35.643" r="23" fill="#fcea2b"/><path fill="#9b9b9a" d="m58.297 54.198l-1.947 1.946a2.4 2.4 0 0 1-3.397 0l-4.86-4.86a2.4 2.4 0 0 1 0-3.397l1.946-1.947a2.4 2.4 0 0 1 3.397 0l4.86 4.861a2.4 2.4 0 0 1 0 3.397"/><path fill="#d0cfce" d="m50.355 47.787l-.512.513a.737.737 0 0 1-1.043 0l-1.615-1.616a.737.737 0 0 1 0-1.042l.512-.512a.737.737 0 0 1 1.042 0l1.616 1.615a.737.737 0 0 1 0 1.042"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="m47.705 45.684l-23.665-.089m.521.27v3.303m1.911-7.142v3.303m1.941.536v3.303m1.912-7.142v3.303m1.928.536v3.303m1.911-7.142v3.303m1.941.536v3.303m1.912-7.142v3.303m1.915.536v3.303m1.912-7.142v3.303m1.969.536v3.303m1.887-7.142v3.303"/><path fill="none" stroke="#000" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="2" d="M50.918 45.328a2.4 2.4 0 0 1 2.518.56l4.86 4.86a2.4 2.4 0 0 1 0 3.397l-1.946 1.946a2.4 2.4 0 0 1-3.397 0l-4.86-4.86a2.4 2.4 0 0 1-.604-2.387"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M57.481 44.237A23 23 0 0 0 59 36c0-12.703-10.298-23-23-23S13 23.297 13 36s10.298 23 23 23c4.07 0 7.893-1.057 11.21-2.912"/><path d="M30 31a3.001 3.001 0 0 1-6 0c0-1.655 1.345-3 3-3s3 1.345 3 3m18 0a3.001 3.001 0 0 1-6 0c0-1.655 1.345-3 3-3s3 1.345 3 3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="36" cy="35.643" r="23" fill="#fcea2b"/><path fill="#9b9b9a" d="m58.297 54.198l-1.947 1.946a2.4 2.4 0 0 1-3.397 0l-4.86-4.86a2.4 2.4 0 0 1 0-3.397l1.946-1.947a2.4 2.4 0 0 1 3.397 0l4.86 4.861a2.4 2.4 0 0 1 0 3.397"/><path fill="#d0cfce" d="m50.355 47.787l-.512.513a.737.737 0 0 1-1.043 0l-1.615-1.616a.737.737 0 0 1 0-1.042l.512-.512a.737.737 0 0 1 1.042 0l1.616 1.615a.737.737 0 0 1 0 1.042"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m47.705 45.684l-23.665-.089m.521.27v3.303m1.911-7.142v3.303m1.941.536v3.303m1.912-7.142v3.303m1.928.536v3.303m1.911-7.142v3.303m1.941.536v3.303m1.912-7.142v3.303m1.915.536v3.303m1.912-7.142v3.303m1.969.536v3.303m1.887-7.142v3.303"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M50.918 45.328a2.4 2.4 0 0 1 2.518.56l4.86 4.86a2.4 2.4 0 0 1 0 3.397l-1.946 1.946a2.4 2.4 0 0 1-3.397 0l-4.86-4.86a2.4 2.4 0 0 1-.604-2.387"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M57.481 44.237A23 23 0 0 0 59 36c0-12.703-10.298-23-23-23S13 23.297 13 36s10.298 23 23 23c4.07 0 7.893-1.057 11.21-2.912"/><path d="M30 31a3.001 3.001 0 0 1-6 0c0-1.655 1.345-3 3-3s3 1.345 3 3m18 0a3.001 3.001 0 0 1-6 0c0-1.655 1.345-3 3-3s3 1.345 3 3"/></svg>
</template>

CSS

.icon-zipper-mouth-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%2072%2072%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2235.643%22%20r%3D%2223%22%20fill%3D%22%23fcea2b%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22m58.297%2054.198l-1.947%201.946a2.4%202.4%200%200%201-3.397%200l-4.86-4.86a2.4%202.4%200%200%201%200-3.397l1.946-1.947a2.4%202.4%200%200%201%203.397%200l4.86%204.861a2.4%202.4%200%200%201%200%203.397%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22m50.355%2047.787l-.512.513a.737.737%200%200%201-1.043%200l-1.615-1.616a.737.737%200%200%201%200-1.042l.512-.512a.737.737%200%200%201%201.042%200l1.616%201.615a.737.737%200%200%201%200%201.042%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22m47.705%2045.684l-23.665-.089m.521.27v3.303m1.911-7.142v3.303m1.941.536v3.303m1.912-7.142v3.303m1.928.536v3.303m1.911-7.142v3.303m1.941.536v3.303m1.912-7.142v3.303m1.915.536v3.303m1.912-7.142v3.303m1.969.536v3.303m1.887-7.142v3.303%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M50.918%2045.328a2.4%202.4%200%200%201%202.518.56l4.86%204.86a2.4%202.4%200%200%201%200%203.397l-1.946%201.946a2.4%202.4%200%200%201-3.397%200l-4.86-4.86a2.4%202.4%200%200%201-.604-2.387%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M57.481%2044.237A23%2023%200%200%200%2059%2036c0-12.703-10.298-23-23-23S13%2023.297%2013%2036s10.298%2023%2023%2023c4.07%200%207.893-1.057%2011.21-2.912%22%2F%3E%3Cpath%20d%3D%22M30%2031a3.001%203.001%200%200%201-6%200c0-1.655%201.345-3%203-3s3%201.345%203%203m18%200a3.001%203.001%200%200%201-6%200c0-1.655%201.345-3%203-3s3%201.345%203%203%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%2072%2072%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2235.643%22%20r%3D%2223%22%20fill%3D%22%23fcea2b%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22m58.297%2054.198l-1.947%201.946a2.4%202.4%200%200%201-3.397%200l-4.86-4.86a2.4%202.4%200%200%201%200-3.397l1.946-1.947a2.4%202.4%200%200%201%203.397%200l4.86%204.861a2.4%202.4%200%200%201%200%203.397%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22m50.355%2047.787l-.512.513a.737.737%200%200%201-1.043%200l-1.615-1.616a.737.737%200%200%201%200-1.042l.512-.512a.737.737%200%200%201%201.042%200l1.616%201.615a.737.737%200%200%201%200%201.042%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22m47.705%2045.684l-23.665-.089m.521.27v3.303m1.911-7.142v3.303m1.941.536v3.303m1.912-7.142v3.303m1.928.536v3.303m1.911-7.142v3.303m1.941.536v3.303m1.912-7.142v3.303m1.915.536v3.303m1.912-7.142v3.303m1.969.536v3.303m1.887-7.142v3.303%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M50.918%2045.328a2.4%202.4%200%200%201%202.518.56l4.86%204.86a2.4%202.4%200%200%201%200%203.397l-1.946%201.946a2.4%202.4%200%200%201-3.397%200l-4.86-4.86a2.4%202.4%200%200%201-.604-2.387%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M57.481%2044.237A23%2023%200%200%200%2059%2036c0-12.703-10.298-23-23-23S13%2023.297%2013%2036s10.298%2023%2023%2023c4.07%200%207.893-1.057%2011.21-2.912%22%2F%3E%3Cpath%20d%3D%22M30%2031a3.001%203.001%200%200%201-6%200c0-1.655%201.345-3%203-3s3%201.345%203%203m18%200a3.001%203.001%200%200%201-6%200c0-1.655%201.345-3%203-3s3%201.345%203%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/zipper-mouth-face.svg?color=%231a73e8&size=48