winking face emoji

winking-face from Noto Emoji by Google Inc · Default · Smileys & Emotion · Apache-2.0 Free for personal and commercial use.

Name
winking-face
Set
Noto Emoji
Style
Default
Category
Smileys & Emotion
Viewbox
128×128
License
Apache 2.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-faceOpenMojiwinking-faceStreamline Emojiswinking-faceTwitter Emoji

More smileys & emotion icons from Noto 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-facecracking-facecrying-cat

Use the winking face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGSRzSYcfE" cx="64" cy="-568" r="56.96" fx="64" fy="-568" gradientTransform="matrix(1 0 0 -1 0 -504)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#fde030"/><stop offset=".92" stop-color="#f7c02b"/><stop offset="1" stop-color="#f4a223"/></radialGradient></defs><g stroke-width="0"><path fill="url(#SVGSRzSYcfE)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><path fill="#422b0d" d="M64 96.54c-12.74 0-21.82-6.61-24.55-10.77c-1.06-1.61-1.26-3.35-.55-4.67c.53-.99 1.51-1.56 2.67-1.56c.39 0 .79.07 1.2.19c6.42 2.01 13.78 3.07 21.28 3.07s14.79-1.06 21.19-3.07c.41-.13.81-.19 1.2-.19c1.16 0 2.14.57 2.67 1.56c.71 1.31.5 3.06-.55 4.67c-2.73 4.17-11.82 10.77-24.55 10.77ZM29.84 45.9c-.89 0-1.7-.41-2.18-1.11c-.48-.69-.56-1.56-.24-2.44c1.94-5.01 5.94-9.21 10.99-11.54c1.88-.87 3.85-1.45 5.86-1.72c.15-.02.27-.02.4-.02c1.31 0 2.32.85 2.52 2.11c.18 1.15-.41 2.56-1.89 3.04l-.12.04c-5.33 1.84-10.08 5.6-13.03 10.32c-.51.83-1.35 1.32-2.32 1.32Zm67.67 17.24c-2.31-3.47-6.98-5.69-11.23-6.37c2.69-1.47 5.9-3.05 8.55-3.97c2.77-.96 2.13-5.28-.85-5.34c-8.16.37-17.49 5.64-22.01 12.46c-1.28 2.24.95 5.46 3.52 4.36c.48-.23.96-.32 1.58-.47c2.67-.6 5.78-.53 8.61-.03c2.77.48 5.91 1.58 7.99 3.15c2.4 1.82 5.65-1.31 3.84-3.79m-52.84-15.1c-4.19 0-8 3.54-8 9.42s3.81 9.42 8 9.42s8-3.54 8-9.42s-3.81-9.42-8-9.42"/><path fill="#896024" d="M44.28 51.97c-1.03-.72-2.58-.49-3.58.95s-.67 2.97.36 3.69s2.58.49 3.58-.95c1-1.45.67-2.97-.36-3.69"/></svg>

React

import type { SVGProps } from "react";

export function NotoWinkingFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGSRzSYcfE" cx="64" cy="-568" r="56.96" fx="64" fy="-568" gradientTransform="matrix(1 0 0 -1 0 -504)" gradientUnits="userSpaceOnUse"><stop offset=".5" stopColor="#fde030"/><stop offset=".92" stopColor="#f7c02b"/><stop offset="1" stopColor="#f4a223"/></radialGradient></defs><g strokeWidth="0"><path fill="url(#SVGSRzSYcfE)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><path fill="#422b0d" d="M64 96.54c-12.74 0-21.82-6.61-24.55-10.77c-1.06-1.61-1.26-3.35-.55-4.67c.53-.99 1.51-1.56 2.67-1.56c.39 0 .79.07 1.2.19c6.42 2.01 13.78 3.07 21.28 3.07s14.79-1.06 21.19-3.07c.41-.13.81-.19 1.2-.19c1.16 0 2.14.57 2.67 1.56c.71 1.31.5 3.06-.55 4.67c-2.73 4.17-11.82 10.77-24.55 10.77ZM29.84 45.9c-.89 0-1.7-.41-2.18-1.11c-.48-.69-.56-1.56-.24-2.44c1.94-5.01 5.94-9.21 10.99-11.54c1.88-.87 3.85-1.45 5.86-1.72c.15-.02.27-.02.4-.02c1.31 0 2.32.85 2.52 2.11c.18 1.15-.41 2.56-1.89 3.04l-.12.04c-5.33 1.84-10.08 5.6-13.03 10.32c-.51.83-1.35 1.32-2.32 1.32Zm67.67 17.24c-2.31-3.47-6.98-5.69-11.23-6.37c2.69-1.47 5.9-3.05 8.55-3.97c2.77-.96 2.13-5.28-.85-5.34c-8.16.37-17.49 5.64-22.01 12.46c-1.28 2.24.95 5.46 3.52 4.36c.48-.23.96-.32 1.58-.47c2.67-.6 5.78-.53 8.61-.03c2.77.48 5.91 1.58 7.99 3.15c2.4 1.82 5.65-1.31 3.84-3.79m-52.84-15.1c-4.19 0-8 3.54-8 9.42s3.81 9.42 8 9.42s8-3.54 8-9.42s-3.81-9.42-8-9.42"/><path fill="#896024" d="M44.28 51.97c-1.03-.72-2.58-.49-3.58.95s-.67 2.97.36 3.69s2.58.49 3.58-.95c1-1.45.67-2.97-.36-3.69"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGSRzSYcfE" cx="64" cy="-568" r="56.96" fx="64" fy="-568" gradientTransform="matrix(1 0 0 -1 0 -504)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#fde030"/><stop offset=".92" stop-color="#f7c02b"/><stop offset="1" stop-color="#f4a223"/></radialGradient></defs><g stroke-width="0"><path fill="url(#SVGSRzSYcfE)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><path fill="#422b0d" d="M64 96.54c-12.74 0-21.82-6.61-24.55-10.77c-1.06-1.61-1.26-3.35-.55-4.67c.53-.99 1.51-1.56 2.67-1.56c.39 0 .79.07 1.2.19c6.42 2.01 13.78 3.07 21.28 3.07s14.79-1.06 21.19-3.07c.41-.13.81-.19 1.2-.19c1.16 0 2.14.57 2.67 1.56c.71 1.31.5 3.06-.55 4.67c-2.73 4.17-11.82 10.77-24.55 10.77ZM29.84 45.9c-.89 0-1.7-.41-2.18-1.11c-.48-.69-.56-1.56-.24-2.44c1.94-5.01 5.94-9.21 10.99-11.54c1.88-.87 3.85-1.45 5.86-1.72c.15-.02.27-.02.4-.02c1.31 0 2.32.85 2.52 2.11c.18 1.15-.41 2.56-1.89 3.04l-.12.04c-5.33 1.84-10.08 5.6-13.03 10.32c-.51.83-1.35 1.32-2.32 1.32Zm67.67 17.24c-2.31-3.47-6.98-5.69-11.23-6.37c2.69-1.47 5.9-3.05 8.55-3.97c2.77-.96 2.13-5.28-.85-5.34c-8.16.37-17.49 5.64-22.01 12.46c-1.28 2.24.95 5.46 3.52 4.36c.48-.23.96-.32 1.58-.47c2.67-.6 5.78-.53 8.61-.03c2.77.48 5.91 1.58 7.99 3.15c2.4 1.82 5.65-1.31 3.84-3.79m-52.84-15.1c-4.19 0-8 3.54-8 9.42s3.81 9.42 8 9.42s8-3.54 8-9.42s-3.81-9.42-8-9.42"/><path fill="#896024" d="M44.28 51.97c-1.03-.72-2.58-.49-3.58.95s-.67 2.97.36 3.69s2.58.49 3.58-.95c1-1.45.67-2.97-.36-3.69"/></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%20128%20128%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGSRzSYcfE%22%20cx%3D%2264%22%20cy%3D%22-568%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%22-568%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-504)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fde030%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22%23f7c02b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4a223%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22url(%23SVGSRzSYcfE)%22%20d%3D%22M64%20119.9c-27.9%200-58-17.5-58-55.9S36.1%208.1%2064%208.1c15.5%200%2029.8%205.1%2040.4%2014.4C115.9%2032.7%20122%2047.1%20122%2064s-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5%22%2F%3E%3Cpath%20fill%3D%22%23eb8f00%22%20d%3D%22M111.89%2030.77C117.22%2039.37%20120%2049.61%20120%2061c0%2016.9-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5c-18.06%200-37.04-7.35-48.18-22.94C24.58%20111.62%2044.81%20119.9%2064%20119.9c15.4%200%2029.8-5.2%2040.4-14.5C115.9%2095.2%20122%2080.9%20122%2064c0-12.74-3.47-24.06-10.11-33.23%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M64%2096.54c-12.74%200-21.82-6.61-24.55-10.77c-1.06-1.61-1.26-3.35-.55-4.67c.53-.99%201.51-1.56%202.67-1.56c.39%200%20.79.07%201.2.19c6.42%202.01%2013.78%203.07%2021.28%203.07s14.79-1.06%2021.19-3.07c.41-.13.81-.19%201.2-.19c1.16%200%202.14.57%202.67%201.56c.71%201.31.5%203.06-.55%204.67c-2.73%204.17-11.82%2010.77-24.55%2010.77ZM29.84%2045.9c-.89%200-1.7-.41-2.18-1.11c-.48-.69-.56-1.56-.24-2.44c1.94-5.01%205.94-9.21%2010.99-11.54c1.88-.87%203.85-1.45%205.86-1.72c.15-.02.27-.02.4-.02c1.31%200%202.32.85%202.52%202.11c.18%201.15-.41%202.56-1.89%203.04l-.12.04c-5.33%201.84-10.08%205.6-13.03%2010.32c-.51.83-1.35%201.32-2.32%201.32Zm67.67%2017.24c-2.31-3.47-6.98-5.69-11.23-6.37c2.69-1.47%205.9-3.05%208.55-3.97c2.77-.96%202.13-5.28-.85-5.34c-8.16.37-17.49%205.64-22.01%2012.46c-1.28%202.24.95%205.46%203.52%204.36c.48-.23.96-.32%201.58-.47c2.67-.6%205.78-.53%208.61-.03c2.77.48%205.91%201.58%207.99%203.15c2.4%201.82%205.65-1.31%203.84-3.79m-52.84-15.1c-4.19%200-8%203.54-8%209.42s3.81%209.42%208%209.42s8-3.54%208-9.42s-3.81-9.42-8-9.42%22%2F%3E%3Cpath%20fill%3D%22%23896024%22%20d%3D%22M44.28%2051.97c-1.03-.72-2.58-.49-3.58.95s-.67%202.97.36%203.69s2.58.49%203.58-.95c1-1.45.67-2.97-.36-3.69%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%20128%20128%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGSRzSYcfE%22%20cx%3D%2264%22%20cy%3D%22-568%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%22-568%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-504)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fde030%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22%23f7c02b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4a223%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22url(%23SVGSRzSYcfE)%22%20d%3D%22M64%20119.9c-27.9%200-58-17.5-58-55.9S36.1%208.1%2064%208.1c15.5%200%2029.8%205.1%2040.4%2014.4C115.9%2032.7%20122%2047.1%20122%2064s-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5%22%2F%3E%3Cpath%20fill%3D%22%23eb8f00%22%20d%3D%22M111.89%2030.77C117.22%2039.37%20120%2049.61%20120%2061c0%2016.9-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5c-18.06%200-37.04-7.35-48.18-22.94C24.58%20111.62%2044.81%20119.9%2064%20119.9c15.4%200%2029.8-5.2%2040.4-14.5C115.9%2095.2%20122%2080.9%20122%2064c0-12.74-3.47-24.06-10.11-33.23%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M64%2096.54c-12.74%200-21.82-6.61-24.55-10.77c-1.06-1.61-1.26-3.35-.55-4.67c.53-.99%201.51-1.56%202.67-1.56c.39%200%20.79.07%201.2.19c6.42%202.01%2013.78%203.07%2021.28%203.07s14.79-1.06%2021.19-3.07c.41-.13.81-.19%201.2-.19c1.16%200%202.14.57%202.67%201.56c.71%201.31.5%203.06-.55%204.67c-2.73%204.17-11.82%2010.77-24.55%2010.77ZM29.84%2045.9c-.89%200-1.7-.41-2.18-1.11c-.48-.69-.56-1.56-.24-2.44c1.94-5.01%205.94-9.21%2010.99-11.54c1.88-.87%203.85-1.45%205.86-1.72c.15-.02.27-.02.4-.02c1.31%200%202.32.85%202.52%202.11c.18%201.15-.41%202.56-1.89%203.04l-.12.04c-5.33%201.84-10.08%205.6-13.03%2010.32c-.51.83-1.35%201.32-2.32%201.32Zm67.67%2017.24c-2.31-3.47-6.98-5.69-11.23-6.37c2.69-1.47%205.9-3.05%208.55-3.97c2.77-.96%202.13-5.28-.85-5.34c-8.16.37-17.49%205.64-22.01%2012.46c-1.28%202.24.95%205.46%203.52%204.36c.48-.23.96-.32%201.58-.47c2.67-.6%205.78-.53%208.61-.03c2.77.48%205.91%201.58%207.99%203.15c2.4%201.82%205.65-1.31%203.84-3.79m-52.84-15.1c-4.19%200-8%203.54-8%209.42s3.81%209.42%208%209.42s8-3.54%208-9.42s-3.81-9.42-8-9.42%22%2F%3E%3Cpath%20fill%3D%22%23896024%22%20d%3D%22M44.28%2051.97c-1.03-.72-2.58-.49-3.58.95s-.67%202.97.36%203.69s2.58.49%203.58-.95c1-1.45.67-2.97-.36-3.69%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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