zipper mouth face emoji

zipper-mouth-face from Fluent Emoji High Contrast by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.

Name
zipper-mouth-face
Set
Fluent Emoji High Contrast
Style
Default
Category
Smileys & Emotion
Viewbox
32×32
License
MIT

The same emoji in other sets

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

More smileys & emotion icons from Fluent Emoji High Contrast

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.235 6.778C4.105 9.089 3 12.328 3 15.998s1.106 6.91 3.235 9.222c2.116 2.298 5.333 3.778 9.764 3.778c3.396 0 6.079-.87 8.1-2.31l1.073 1.237v.001q.125.143.26.266c-2.415 1.783-5.578 2.806-9.433 2.806c-4.904 0-8.686-1.654-11.236-4.423C2.226 23.82 1 20.06 1 15.999S2.226 8.178 4.763 5.423C7.313 2.654 11.095 1 16 1s8.686 1.654 11.235 4.423c2.537 2.755 3.764 6.515 3.764 10.576c0 2.467-.453 4.824-1.378 6.911l-1.592-1.38c.642-1.662.97-3.533.97-5.531c0-3.67-1.106-6.91-3.235-9.221C23.647 4.48 20.43 3 16 3S8.35 4.48 6.235 6.778"/><path d="M24.5 20.06v-.81a1.25 1.25 0 1 0-2.5 0V20h-2.5v-.75a1.25 1.25 0 1 0-2.5 0V20h-2.5v-.75a1.25 1.25 0 1 0-2.5 0V20H9.5v-.75a1.25 1.25 0 1 0-2.5 0V22h2.5v.75a1.25 1.25 0 1 0 2.5 0V22h2.5v.75a1.25 1.25 0 1 0 2.5 0V22h2.5v.75a1.25 1.25 0 1 0 2.5 0V22h.204a3.1 3.1 0 0 1 .705-1.088a3.1 3.1 0 0 1 1.591-.853m-.89 1.565a2 2 0 0 0-.296.376zm.006-.004a2.103 2.103 0 0 1 2.865-.106l2.79 2.417c.924.796.977 2.217.117 3.076l-.382.382a2.107 2.107 0 0 1-3.077-.117l-2.42-2.79A2.11 2.11 0 0 1 23.315 22m1.048 0a.934.934 0 0 0-.215 1.475c.36.36.954.36 1.315 0a.916.916 0 0 0 0-1.315a.94.94 0 0 0-1.1-.16M12.5 11.5a2 2 0 1 1-4 0a2 2 0 0 1 4 0m11 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastZipperMouthFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.235 6.778C4.105 9.089 3 12.328 3 15.998s1.106 6.91 3.235 9.222c2.116 2.298 5.333 3.778 9.764 3.778c3.396 0 6.079-.87 8.1-2.31l1.073 1.237v.001q.125.143.26.266c-2.415 1.783-5.578 2.806-9.433 2.806c-4.904 0-8.686-1.654-11.236-4.423C2.226 23.82 1 20.06 1 15.999S2.226 8.178 4.763 5.423C7.313 2.654 11.095 1 16 1s8.686 1.654 11.235 4.423c2.537 2.755 3.764 6.515 3.764 10.576c0 2.467-.453 4.824-1.378 6.911l-1.592-1.38c.642-1.662.97-3.533.97-5.531c0-3.67-1.106-6.91-3.235-9.221C23.647 4.48 20.43 3 16 3S8.35 4.48 6.235 6.778"/><path d="M24.5 20.06v-.81a1.25 1.25 0 1 0-2.5 0V20h-2.5v-.75a1.25 1.25 0 1 0-2.5 0V20h-2.5v-.75a1.25 1.25 0 1 0-2.5 0V20H9.5v-.75a1.25 1.25 0 1 0-2.5 0V22h2.5v.75a1.25 1.25 0 1 0 2.5 0V22h2.5v.75a1.25 1.25 0 1 0 2.5 0V22h2.5v.75a1.25 1.25 0 1 0 2.5 0V22h.204a3.1 3.1 0 0 1 .705-1.088a3.1 3.1 0 0 1 1.591-.853m-.89 1.565a2 2 0 0 0-.296.376zm.006-.004a2.103 2.103 0 0 1 2.865-.106l2.79 2.417c.924.796.977 2.217.117 3.076l-.382.382a2.107 2.107 0 0 1-3.077-.117l-2.42-2.79A2.11 2.11 0 0 1 23.315 22m1.048 0a.934.934 0 0 0-.215 1.475c.36.36.954.36 1.315 0a.916.916 0 0 0 0-1.315a.94.94 0 0 0-1.1-.16M12.5 11.5a2 2 0 1 1-4 0a2 2 0 0 1 4 0m11 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.235 6.778C4.105 9.089 3 12.328 3 15.998s1.106 6.91 3.235 9.222c2.116 2.298 5.333 3.778 9.764 3.778c3.396 0 6.079-.87 8.1-2.31l1.073 1.237v.001q.125.143.26.266c-2.415 1.783-5.578 2.806-9.433 2.806c-4.904 0-8.686-1.654-11.236-4.423C2.226 23.82 1 20.06 1 15.999S2.226 8.178 4.763 5.423C7.313 2.654 11.095 1 16 1s8.686 1.654 11.235 4.423c2.537 2.755 3.764 6.515 3.764 10.576c0 2.467-.453 4.824-1.378 6.911l-1.592-1.38c.642-1.662.97-3.533.97-5.531c0-3.67-1.106-6.91-3.235-9.221C23.647 4.48 20.43 3 16 3S8.35 4.48 6.235 6.778"/><path d="M24.5 20.06v-.81a1.25 1.25 0 1 0-2.5 0V20h-2.5v-.75a1.25 1.25 0 1 0-2.5 0V20h-2.5v-.75a1.25 1.25 0 1 0-2.5 0V20H9.5v-.75a1.25 1.25 0 1 0-2.5 0V22h2.5v.75a1.25 1.25 0 1 0 2.5 0V22h2.5v.75a1.25 1.25 0 1 0 2.5 0V22h2.5v.75a1.25 1.25 0 1 0 2.5 0V22h.204a3.1 3.1 0 0 1 .705-1.088a3.1 3.1 0 0 1 1.591-.853m-.89 1.565a2 2 0 0 0-.296.376zm.006-.004a2.103 2.103 0 0 1 2.865-.106l2.79 2.417c.924.796.977 2.217.117 3.076l-.382.382a2.107 2.107 0 0 1-3.077-.117l-2.42-2.79A2.11 2.11 0 0 1 23.315 22m1.048 0a.934.934 0 0 0-.215 1.475c.36.36.954.36 1.315 0a.916.916 0 0 0 0-1.315a.94.94 0 0 0-1.1-.16M12.5 11.5a2 2 0 1 1-4 0a2 2 0 0 1 4 0m11 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6.235%206.778C4.105%209.089%203%2012.328%203%2015.998s1.106%206.91%203.235%209.222c2.116%202.298%205.333%203.778%209.764%203.778c3.396%200%206.079-.87%208.1-2.31l1.073%201.237v.001q.125.143.26.266c-2.415%201.783-5.578%202.806-9.433%202.806c-4.904%200-8.686-1.654-11.236-4.423C2.226%2023.82%201%2020.06%201%2015.999S2.226%208.178%204.763%205.423C7.313%202.654%2011.095%201%2016%201s8.686%201.654%2011.235%204.423c2.537%202.755%203.764%206.515%203.764%2010.576c0%202.467-.453%204.824-1.378%206.911l-1.592-1.38c.642-1.662.97-3.533.97-5.531c0-3.67-1.106-6.91-3.235-9.221C23.647%204.48%2020.43%203%2016%203S8.35%204.48%206.235%206.778%22%2F%3E%3Cpath%20d%3D%22M24.5%2020.06v-.81a1.25%201.25%200%201%200-2.5%200V20h-2.5v-.75a1.25%201.25%200%201%200-2.5%200V20h-2.5v-.75a1.25%201.25%200%201%200-2.5%200V20H9.5v-.75a1.25%201.25%200%201%200-2.5%200V22h2.5v.75a1.25%201.25%200%201%200%202.5%200V22h2.5v.75a1.25%201.25%200%201%200%202.5%200V22h2.5v.75a1.25%201.25%200%201%200%202.5%200V22h.204a3.1%203.1%200%200%201%20.705-1.088a3.1%203.1%200%200%201%201.591-.853m-.89%201.565a2%202%200%200%200-.296.376zm.006-.004a2.103%202.103%200%200%201%202.865-.106l2.79%202.417c.924.796.977%202.217.117%203.076l-.382.382a2.107%202.107%200%200%201-3.077-.117l-2.42-2.79A2.11%202.11%200%200%201%2023.315%2022m1.048%200a.934.934%200%200%200-.215%201.475c.36.36.954.36%201.315%200a.916.916%200%200%200%200-1.315a.94.94%200%200%200-1.1-.16M12.5%2011.5a2%202%200%201%201-4%200a2%202%200%200%201%204%200m11%200a2%202%200%201%201-4%200a2%202%200%200%201%204%200%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%22currentColor%22%3E%3Cpath%20d%3D%22M6.235%206.778C4.105%209.089%203%2012.328%203%2015.998s1.106%206.91%203.235%209.222c2.116%202.298%205.333%203.778%209.764%203.778c3.396%200%206.079-.87%208.1-2.31l1.073%201.237v.001q.125.143.26.266c-2.415%201.783-5.578%202.806-9.433%202.806c-4.904%200-8.686-1.654-11.236-4.423C2.226%2023.82%201%2020.06%201%2015.999S2.226%208.178%204.763%205.423C7.313%202.654%2011.095%201%2016%201s8.686%201.654%2011.235%204.423c2.537%202.755%203.764%206.515%203.764%2010.576c0%202.467-.453%204.824-1.378%206.911l-1.592-1.38c.642-1.662.97-3.533.97-5.531c0-3.67-1.106-6.91-3.235-9.221C23.647%204.48%2020.43%203%2016%203S8.35%204.48%206.235%206.778%22%2F%3E%3Cpath%20d%3D%22M24.5%2020.06v-.81a1.25%201.25%200%201%200-2.5%200V20h-2.5v-.75a1.25%201.25%200%201%200-2.5%200V20h-2.5v-.75a1.25%201.25%200%201%200-2.5%200V20H9.5v-.75a1.25%201.25%200%201%200-2.5%200V22h2.5v.75a1.25%201.25%200%201%200%202.5%200V22h2.5v.75a1.25%201.25%200%201%200%202.5%200V22h2.5v.75a1.25%201.25%200%201%200%202.5%200V22h.204a3.1%203.1%200%200%201%20.705-1.088a3.1%203.1%200%200%201%201.591-.853m-.89%201.565a2%202%200%200%200-.296.376zm.006-.004a2.103%202.103%200%200%201%202.865-.106l2.79%202.417c.924.796.977%202.217.117%203.076l-.382.382a2.107%202.107%200%200%201-3.077-.117l-2.42-2.79A2.11%202.11%200%200%201%2023.315%2022m1.048%200a.934.934%200%200%200-.215%201.475c.36.36.954.36%201.315%200a.916.916%200%200%200%200-1.315a.94.94%200%200%200-1.1-.16M12.5%2011.5a2%202%200%201%201-4%200a2%202%200%200%201%204%200m11%200a2%202%200%201%201-4%200a2%202%200%200%201%204%200%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-high-contrast/zipper-mouth-face.svg?color=%231a73e8&size=48