winking face emoji

winking-face from Streamline Emojis by Streamline · Default · Smiley People · CC-BY-4.0 Attribution required.

Name
winking-face
Set
Streamline Emojis
Style
Default
Category
Smiley People
Viewbox
48×48
License
CC BY 4.0

The same emoji in other sets

winking-faceEmoji One (Colored)winking-faceFluent Emojiwinking-faceFluent Emoji Flatwinking-faceFluent Emoji High Contrastwinking-faceIconParkwinking-faceIconPark Outlinewinking-faceIconPark Solidwinking-faceIconPark TwoTonewinking-faceNoto Emojiwinking-faceOpenMojiwinking-faceTwitter Emoji

More smiley people icons from Streamline Emojis

alienamazed-faceamusing-faceanguished-faceanxious-faceastonished-faceastronaut-1astronaut-2baby-1baby-2baby-3baby-angel-1baby-angel-2backhand-index-pointing-down-1backhand-index-pointing-down-2backhand-index-pointing-left-1backhand-index-pointing-left-2backhand-index-pointing-right-1backhand-index-pointing-right-2backhand-index-pointing-up-1backhand-index-pointing-up-2beaming-face-with-smiling-eyesbikiniboy-1

Use the winking face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#ffe500" d="M.54 20.38a18.88 18.88 0 1 0 37.76 0a18.88 18.88 0 1 0-37.76 0"/><path fill="#ebcb00" d="M19.42 1.5A18.88 18.88 0 1 0 38.3 20.38A18.88 18.88 0 0 0 19.42 1.5m0 34.92A17.23 17.23 0 1 1 36.64 19.2a17.23 17.23 0 0 1-17.22 17.22"/><path fill="#fff48c" d="M13.76 5.28a5.66 1.42 0 1 0 11.32 0a5.66 1.42 0 1 0-11.32 0"/><path fill="#45413c" d="M4.32 44.58a15.1 1.42 0 1 0 30.2 0a15.1 1.42 0 1 0-30.2 0" opacity=".15"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M.54 20.38a18.88 18.88 0 1 0 37.76 0a18.88 18.88 0 1 0-37.76 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" d="M24.14 27.91a8.5 8.5 0 0 1-9.44 0"/><path fill="#ffaa54" d="M33.11 25.1c0 .78-1.06 1.41-2.36 1.41s-2.36-.63-2.36-1.41s1.05-1.42 2.36-1.42s2.36.63 2.36 1.42m-27.38 0c0 .78 1.06 1.41 2.36 1.41s2.36-.63 2.36-1.41s-1-1.42-2.36-1.42s-2.36.63-2.36 1.42"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m29.8 18.96l-1.89 2.36l4.25-.94"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9.51 20.38a.95.95 0 0 1-1.89 0a.95.95 0 1 1 1.89 0"/><path fill="#fff" stroke="#45413c" stroke-linejoin="round" d="M47.24 20.81a.59.59 0 0 1-.27.43a.55.55 0 0 1-.5 0l-4.89-1.91a.56.56 0 0 1 .14-1.09l5.14-.61a.57.57 0 0 1 .47.16a.6.6 0 0 1 .17.46Zm-.65-10.26a.55.55 0 0 0-.35-.36a.58.58 0 0 0-.51.06l-4.36 2.91a.57.57 0 0 0 .37 1l5.15-.51a.57.57 0 0 0 .43-.25a.6.6 0 0 0 .06-.49ZM40.78 4a.56.56 0 0 0-.5-.07a.57.57 0 0 0-.36.35l-1.72 5a.57.57 0 0 0 .23.66a.56.56 0 0 0 .7-.06l3.79-3.52a.53.53 0 0 0 .18-.46a.54.54 0 0 0-.24-.42Z"/></svg>

React

import type { SVGProps } from "react";

export function StreamlineEmojisWinkingFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#ffe500" d="M.54 20.38a18.88 18.88 0 1 0 37.76 0a18.88 18.88 0 1 0-37.76 0"/><path fill="#ebcb00" d="M19.42 1.5A18.88 18.88 0 1 0 38.3 20.38A18.88 18.88 0 0 0 19.42 1.5m0 34.92A17.23 17.23 0 1 1 36.64 19.2a17.23 17.23 0 0 1-17.22 17.22"/><path fill="#fff48c" d="M13.76 5.28a5.66 1.42 0 1 0 11.32 0a5.66 1.42 0 1 0-11.32 0"/><path fill="#45413c" d="M4.32 44.58a15.1 1.42 0 1 0 30.2 0a15.1 1.42 0 1 0-30.2 0" opacity=".15"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M.54 20.38a18.88 18.88 0 1 0 37.76 0a18.88 18.88 0 1 0-37.76 0"/><path fill="none" stroke="#45413c" strokeLinecap="round" d="M24.14 27.91a8.5 8.5 0 0 1-9.44 0"/><path fill="#ffaa54" d="M33.11 25.1c0 .78-1.06 1.41-2.36 1.41s-2.36-.63-2.36-1.41s1.05-1.42 2.36-1.42s2.36.63 2.36 1.42m-27.38 0c0 .78 1.06 1.41 2.36 1.41s2.36-.63 2.36-1.41s-1-1.42-2.36-1.42s-2.36.63-2.36 1.42"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="m29.8 18.96l-1.89 2.36l4.25-.94"/><path fill="#45413c" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M9.51 20.38a.95.95 0 0 1-1.89 0a.95.95 0 1 1 1.89 0"/><path fill="#fff" stroke="#45413c" strokeLinejoin="round" d="M47.24 20.81a.59.59 0 0 1-.27.43a.55.55 0 0 1-.5 0l-4.89-1.91a.56.56 0 0 1 .14-1.09l5.14-.61a.57.57 0 0 1 .47.16a.6.6 0 0 1 .17.46Zm-.65-10.26a.55.55 0 0 0-.35-.36a.58.58 0 0 0-.51.06l-4.36 2.91a.57.57 0 0 0 .37 1l5.15-.51a.57.57 0 0 0 .43-.25a.6.6 0 0 0 .06-.49ZM40.78 4a.56.56 0 0 0-.5-.07a.57.57 0 0 0-.36.35l-1.72 5a.57.57 0 0 0 .23.66a.56.56 0 0 0 .7-.06l3.79-3.52a.53.53 0 0 0 .18-.46a.54.54 0 0 0-.24-.42Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#ffe500" d="M.54 20.38a18.88 18.88 0 1 0 37.76 0a18.88 18.88 0 1 0-37.76 0"/><path fill="#ebcb00" d="M19.42 1.5A18.88 18.88 0 1 0 38.3 20.38A18.88 18.88 0 0 0 19.42 1.5m0 34.92A17.23 17.23 0 1 1 36.64 19.2a17.23 17.23 0 0 1-17.22 17.22"/><path fill="#fff48c" d="M13.76 5.28a5.66 1.42 0 1 0 11.32 0a5.66 1.42 0 1 0-11.32 0"/><path fill="#45413c" d="M4.32 44.58a15.1 1.42 0 1 0 30.2 0a15.1 1.42 0 1 0-30.2 0" opacity=".15"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M.54 20.38a18.88 18.88 0 1 0 37.76 0a18.88 18.88 0 1 0-37.76 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" d="M24.14 27.91a8.5 8.5 0 0 1-9.44 0"/><path fill="#ffaa54" d="M33.11 25.1c0 .78-1.06 1.41-2.36 1.41s-2.36-.63-2.36-1.41s1.05-1.42 2.36-1.42s2.36.63 2.36 1.42m-27.38 0c0 .78 1.06 1.41 2.36 1.41s2.36-.63 2.36-1.41s-1-1.42-2.36-1.42s-2.36.63-2.36 1.42"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m29.8 18.96l-1.89 2.36l4.25-.94"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9.51 20.38a.95.95 0 0 1-1.89 0a.95.95 0 1 1 1.89 0"/><path fill="#fff" stroke="#45413c" stroke-linejoin="round" d="M47.24 20.81a.59.59 0 0 1-.27.43a.55.55 0 0 1-.5 0l-4.89-1.91a.56.56 0 0 1 .14-1.09l5.14-.61a.57.57 0 0 1 .47.16a.6.6 0 0 1 .17.46Zm-.65-10.26a.55.55 0 0 0-.35-.36a.58.58 0 0 0-.51.06l-4.36 2.91a.57.57 0 0 0 .37 1l5.15-.51a.57.57 0 0 0 .43-.25a.6.6 0 0 0 .06-.49ZM40.78 4a.56.56 0 0 0-.5-.07a.57.57 0 0 0-.36.35l-1.72 5a.57.57 0 0 0 .23.66a.56.56 0 0 0 .7-.06l3.79-3.52a.53.53 0 0 0 .18-.46a.54.54 0 0 0-.24-.42Z"/></svg>
</template>

CSS

.icon-winking-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%2048%2048%22%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M.54%2020.38a18.88%2018.88%200%201%200%2037.76%200a18.88%2018.88%200%201%200-37.76%200%22%2F%3E%3Cpath%20fill%3D%22%23ebcb00%22%20d%3D%22M19.42%201.5A18.88%2018.88%200%201%200%2038.3%2020.38A18.88%2018.88%200%200%200%2019.42%201.5m0%2034.92A17.23%2017.23%200%201%201%2036.64%2019.2a17.23%2017.23%200%200%201-17.22%2017.22%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M13.76%205.28a5.66%201.42%200%201%200%2011.32%200a5.66%201.42%200%201%200-11.32%200%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M4.32%2044.58a15.1%201.42%200%201%200%2030.2%200a15.1%201.42%200%201%200-30.2%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M.54%2020.38a18.88%2018.88%200%201%200%2037.76%200a18.88%2018.88%200%201%200-37.76%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20d%3D%22M24.14%2027.91a8.5%208.5%200%200%201-9.44%200%22%2F%3E%3Cpath%20fill%3D%22%23ffaa54%22%20d%3D%22M33.11%2025.1c0%20.78-1.06%201.41-2.36%201.41s-2.36-.63-2.36-1.41s1.05-1.42%202.36-1.42s2.36.63%202.36%201.42m-27.38%200c0%20.78%201.06%201.41%202.36%201.41s2.36-.63%202.36-1.41s-1-1.42-2.36-1.42s-2.36.63-2.36%201.42%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m29.8%2018.96l-1.89%202.36l4.25-.94%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.51%2020.38a.95.95%200%200%201-1.89%200a.95.95%200%201%201%201.89%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2345413c%22%20stroke-linejoin%3D%22round%22%20d%3D%22M47.24%2020.81a.59.59%200%200%201-.27.43a.55.55%200%200%201-.5%200l-4.89-1.91a.56.56%200%200%201%20.14-1.09l5.14-.61a.57.57%200%200%201%20.47.16a.6.6%200%200%201%20.17.46Zm-.65-10.26a.55.55%200%200%200-.35-.36a.58.58%200%200%200-.51.06l-4.36%202.91a.57.57%200%200%200%20.37%201l5.15-.51a.57.57%200%200%200%20.43-.25a.6.6%200%200%200%20.06-.49ZM40.78%204a.56.56%200%200%200-.5-.07a.57.57%200%200%200-.36.35l-1.72%205a.57.57%200%200%200%20.23.66a.56.56%200%200%200%20.7-.06l3.79-3.52a.53.53%200%200%200%20.18-.46a.54.54%200%200%200-.24-.42Z%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%2048%2048%22%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M.54%2020.38a18.88%2018.88%200%201%200%2037.76%200a18.88%2018.88%200%201%200-37.76%200%22%2F%3E%3Cpath%20fill%3D%22%23ebcb00%22%20d%3D%22M19.42%201.5A18.88%2018.88%200%201%200%2038.3%2020.38A18.88%2018.88%200%200%200%2019.42%201.5m0%2034.92A17.23%2017.23%200%201%201%2036.64%2019.2a17.23%2017.23%200%200%201-17.22%2017.22%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M13.76%205.28a5.66%201.42%200%201%200%2011.32%200a5.66%201.42%200%201%200-11.32%200%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M4.32%2044.58a15.1%201.42%200%201%200%2030.2%200a15.1%201.42%200%201%200-30.2%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M.54%2020.38a18.88%2018.88%200%201%200%2037.76%200a18.88%2018.88%200%201%200-37.76%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20d%3D%22M24.14%2027.91a8.5%208.5%200%200%201-9.44%200%22%2F%3E%3Cpath%20fill%3D%22%23ffaa54%22%20d%3D%22M33.11%2025.1c0%20.78-1.06%201.41-2.36%201.41s-2.36-.63-2.36-1.41s1.05-1.42%202.36-1.42s2.36.63%202.36%201.42m-27.38%200c0%20.78%201.06%201.41%202.36%201.41s2.36-.63%202.36-1.41s-1-1.42-2.36-1.42s-2.36.63-2.36%201.42%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m29.8%2018.96l-1.89%202.36l4.25-.94%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.51%2020.38a.95.95%200%200%201-1.89%200a.95.95%200%201%201%201.89%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2345413c%22%20stroke-linejoin%3D%22round%22%20d%3D%22M47.24%2020.81a.59.59%200%200%201-.27.43a.55.55%200%200%201-.5%200l-4.89-1.91a.56.56%200%200%201%20.14-1.09l5.14-.61a.57.57%200%200%201%20.47.16a.6.6%200%200%201%20.17.46Zm-.65-10.26a.55.55%200%200%200-.35-.36a.58.58%200%200%200-.51.06l-4.36%202.91a.57.57%200%200%200%20.37%201l5.15-.51a.57.57%200%200%200%20.43-.25a.6.6%200%200%200%20.06-.49ZM40.78%204a.56.56%200%200%200-.5-.07a.57.57%200%200%200-.36.35l-1.72%205a.57.57%200%200%200%20.23.66a.56.56%200%200%200%20.7-.06l3.79-3.52a.53.53%200%200%200%20.18-.46a.54.54%200%200%200-.24-.42Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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