zipper mouth face emoji

zipper-mouth-face from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.

Name
zipper-mouth-face
Set
Twitter Emoji
Style
Default
Category
Smileys & Emotion
Viewbox
36×36
License
CC BY 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-faceOpenMojizipper-mouth-faceStreamline Emojis

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 zipper mouth face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ffcc4d"/><path fill="#664500" d="M14.034 14.499c0 1.934-1.119 3.5-2.5 3.5s-2.5-1.566-2.5-3.5s1.119-3.5 2.5-3.5s2.5 1.567 2.5 3.5m13 0c0 1.934-1.119 3.5-2.5 3.5s-2.5-1.566-2.5-3.5s1.119-3.5 2.5-3.5s2.5 1.567 2.5 3.5m-2.033 12.505H10c-1 0-1-1-1-1v-1s0-1.003 1-1.003l15.001.003z"/><path fill="#99aab5" d="m35.255 26.084l-7.713-2.121c-.72-.197-1.049.287-1.171.547l-1.64-.784L24 25.255v-2.254h-2v2h-2v-2h-2.001v2H16v-2h-2v2h-2v-2h-2v3h2v2h2v-2h1.999v2h2v-2H20v2h2v-2h1.643l-.58 1.212l1.648.788l-.099.207s-.248.737.373 1.275s5.285 4.735 5.285 4.735s.899.866 1.769.079c.738-.67 3.649-6.02 3.914-6.983s-.698-1.23-.698-1.23m-3.772 6.071l-2.644-2.248l1.614-3.069l3.338 1.132z"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiZipperMouthFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ffcc4d"/><path fill="#664500" d="M14.034 14.499c0 1.934-1.119 3.5-2.5 3.5s-2.5-1.566-2.5-3.5s1.119-3.5 2.5-3.5s2.5 1.567 2.5 3.5m13 0c0 1.934-1.119 3.5-2.5 3.5s-2.5-1.566-2.5-3.5s1.119-3.5 2.5-3.5s2.5 1.567 2.5 3.5m-2.033 12.505H10c-1 0-1-1-1-1v-1s0-1.003 1-1.003l15.001.003z"/><path fill="#99aab5" d="m35.255 26.084l-7.713-2.121c-.72-.197-1.049.287-1.171.547l-1.64-.784L24 25.255v-2.254h-2v2h-2v-2h-2.001v2H16v-2h-2v2h-2v-2h-2v3h2v2h2v-2h1.999v2h2v-2H20v2h2v-2h1.643l-.58 1.212l1.648.788l-.099.207s-.248.737.373 1.275s5.285 4.735 5.285 4.735s.899.866 1.769.079c.738-.67 3.649-6.02 3.914-6.983s-.698-1.23-.698-1.23m-3.772 6.071l-2.644-2.248l1.614-3.069l3.338 1.132z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ffcc4d"/><path fill="#664500" d="M14.034 14.499c0 1.934-1.119 3.5-2.5 3.5s-2.5-1.566-2.5-3.5s1.119-3.5 2.5-3.5s2.5 1.567 2.5 3.5m13 0c0 1.934-1.119 3.5-2.5 3.5s-2.5-1.566-2.5-3.5s1.119-3.5 2.5-3.5s2.5 1.567 2.5 3.5m-2.033 12.505H10c-1 0-1-1-1-1v-1s0-1.003 1-1.003l15.001.003z"/><path fill="#99aab5" d="m35.255 26.084l-7.713-2.121c-.72-.197-1.049.287-1.171.547l-1.64-.784L24 25.255v-2.254h-2v2h-2v-2h-2.001v2H16v-2h-2v2h-2v-2h-2v3h2v2h2v-2h1.999v2h2v-2H20v2h2v-2h1.643l-.58 1.212l1.648.788l-.099.207s-.248.737.373 1.275s5.285 4.735 5.285 4.735s.899.866 1.769.079c.738-.67 3.649-6.02 3.914-6.983s-.698-1.23-.698-1.23m-3.772 6.071l-2.644-2.248l1.614-3.069l3.338 1.132z"/></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%2036%2036%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M14.034%2014.499c0%201.934-1.119%203.5-2.5%203.5s-2.5-1.566-2.5-3.5s1.119-3.5%202.5-3.5s2.5%201.567%202.5%203.5m13%200c0%201.934-1.119%203.5-2.5%203.5s-2.5-1.566-2.5-3.5s1.119-3.5%202.5-3.5s2.5%201.567%202.5%203.5m-2.033%2012.505H10c-1%200-1-1-1-1v-1s0-1.003%201-1.003l15.001.003z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22m35.255%2026.084l-7.713-2.121c-.72-.197-1.049.287-1.171.547l-1.64-.784L24%2025.255v-2.254h-2v2h-2v-2h-2.001v2H16v-2h-2v2h-2v-2h-2v3h2v2h2v-2h1.999v2h2v-2H20v2h2v-2h1.643l-.58%201.212l1.648.788l-.099.207s-.248.737.373%201.275s5.285%204.735%205.285%204.735s.899.866%201.769.079c.738-.67%203.649-6.02%203.914-6.983s-.698-1.23-.698-1.23m-3.772%206.071l-2.644-2.248l1.614-3.069l3.338%201.132z%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%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M14.034%2014.499c0%201.934-1.119%203.5-2.5%203.5s-2.5-1.566-2.5-3.5s1.119-3.5%202.5-3.5s2.5%201.567%202.5%203.5m13%200c0%201.934-1.119%203.5-2.5%203.5s-2.5-1.566-2.5-3.5s1.119-3.5%202.5-3.5s2.5%201.567%202.5%203.5m-2.033%2012.505H10c-1%200-1-1-1-1v-1s0-1.003%201-1.003l15.001.003z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22m35.255%2026.084l-7.713-2.121c-.72-.197-1.049.287-1.171.547l-1.64-.784L24%2025.255v-2.254h-2v2h-2v-2h-2.001v2H16v-2h-2v2h-2v-2h-2v3h2v2h2v-2h1.999v2h2v-2H20v2h2v-2h1.643l-.58%201.212l1.648.788l-.099.207s-.248.737.373%201.275s5.285%204.735%205.285%204.735s.899.866%201.769.079c.738-.67%203.649-6.02%203.914-6.983s-.698-1.23-.698-1.23m-3.772%206.071l-2.644-2.248l1.614-3.069l3.338%201.132z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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