smile wink icon

smile-wink from Font Awesome Solid by Dave Gandy · Solid · Emoji · CC-BY-4.0 Attribution required.

Name: smile-wink
Set: Font Awesome Solid
Style: Solid
Category: Emoji
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

smile-winkFont Awesome Regular smile-winkLine Awesome smile-winkUnicons

More emoji icons from Font Awesome Solid

Use the smile wink icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 576c141.4 0 256-114.6 256-256S461.4 64 320 64S64 178.6 64 320s114.6 256 256 256m-90.6-190.1c20.4 28 53.4 46.1 90.6 46.1s70.2-18.1 90.6-46.1c7.8-10.7 22.8-13.1 33.5-5.3s13.1 22.8 5.3 33.5C420.3 454 373.2 480 320 480s-100.3-26-129.4-65.9c-7.8-10.7-5.4-25.7 5.3-33.5s25.7-5.4 33.5 5.3M208 272c0-17.7 14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32m164 8c0 11-9 20-20 20s-20-9-20-20c0-33.1 26.9-60 60-60h16c33.1 0 60 26.9 60 60c0 11-9 20-20 20s-20-9-20-20s-9-20-20-20h-16c-11 0-20 9-20 20"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidSmileWink(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 576c141.4 0 256-114.6 256-256S461.4 64 320 64S64 178.6 64 320s114.6 256 256 256m-90.6-190.1c20.4 28 53.4 46.1 90.6 46.1s70.2-18.1 90.6-46.1c7.8-10.7 22.8-13.1 33.5-5.3s13.1 22.8 5.3 33.5C420.3 454 373.2 480 320 480s-100.3-26-129.4-65.9c-7.8-10.7-5.4-25.7 5.3-33.5s25.7-5.4 33.5 5.3M208 272c0-17.7 14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32m164 8c0 11-9 20-20 20s-20-9-20-20c0-33.1 26.9-60 60-60h16c33.1 0 60 26.9 60 60c0 11-9 20-20 20s-20-9-20-20s-9-20-20-20h-16c-11 0-20 9-20 20"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 576c141.4 0 256-114.6 256-256S461.4 64 320 64S64 178.6 64 320s114.6 256 256 256m-90.6-190.1c20.4 28 53.4 46.1 90.6 46.1s70.2-18.1 90.6-46.1c7.8-10.7 22.8-13.1 33.5-5.3s13.1 22.8 5.3 33.5C420.3 454 373.2 480 320 480s-100.3-26-129.4-65.9c-7.8-10.7-5.4-25.7 5.3-33.5s25.7-5.4 33.5 5.3M208 272c0-17.7 14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32m164 8c0 11-9 20-20 20s-20-9-20-20c0-33.1 26.9-60 60-60h16c33.1 0 60 26.9 60 60c0 11-9 20-20 20s-20-9-20-20s-9-20-20-20h-16c-11 0-20 9-20 20"/></svg>
</template>

CSS

.icon-smile-wink {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20576c141.4%200%20256-114.6%20256-256S461.4%2064%20320%2064S64%20178.6%2064%20320s114.6%20256%20256%20256m-90.6-190.1c20.4%2028%2053.4%2046.1%2090.6%2046.1s70.2-18.1%2090.6-46.1c7.8-10.7%2022.8-13.1%2033.5-5.3s13.1%2022.8%205.3%2033.5C420.3%20454%20373.2%20480%20320%20480s-100.3-26-129.4-65.9c-7.8-10.7-5.4-25.7%205.3-33.5s25.7-5.4%2033.5%205.3M208%20272c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32m164%208c0%2011-9%2020-20%2020s-20-9-20-20c0-33.1%2026.9-60%2060-60h16c33.1%200%2060%2026.9%2060%2060c0%2011-9%2020-20%2020s-20-9-20-20s-9-20-20-20h-16c-11%200-20%209-20%2020%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20576c141.4%200%20256-114.6%20256-256S461.4%2064%20320%2064S64%20178.6%2064%20320s114.6%20256%20256%20256m-90.6-190.1c20.4%2028%2053.4%2046.1%2090.6%2046.1s70.2-18.1%2090.6-46.1c7.8-10.7%2022.8-13.1%2033.5-5.3s13.1%2022.8%205.3%2033.5C420.3%20454%20373.2%20480%20320%20480s-100.3-26-129.4-65.9c-7.8-10.7-5.4-25.7%205.3-33.5s25.7-5.4%2033.5%205.3M208%20272c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32m164%208c0%2011-9%2020-20%2020s-20-9-20-20c0-33.1%2026.9-60%2060-60h16c33.1%200%2060%2026.9%2060%2060c0%2011-9%2020-20%2020s-20-9-20-20s-9-20-20-20h-16c-11%200-20%209-20%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/smile-wink.svg?color=%231a73e8&size=48