face kiss wink heart icon
face-kiss-wink-heart from Font Awesome Regular by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- face-kiss-wink-heart
- Set
- Font Awesome Regular
- Style
- Regular
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome Regular
face-angryface-dizzyface-flushedface-frownface-frown-openface-grimaceface-grinface-grin-beamface-grin-beam-sweatface-grin-heartsface-grin-squintface-grin-squint-tearsface-grin-starsface-grin-tearsface-grin-tongueface-grin-tongue-squintface-grin-tongue-winkface-grin-wideface-grin-winkface-kissface-kiss-beamface-laughface-laugh-beamface-laugh-squint
Use the face kiss wink heart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M386 503.5c-29.2 15.6-62.5 24.5-98 24.5c-114.9 0-208-93.1-208-208s93.2-208 208-208c113.2 0 205.2 90.4 207.9 202.9c14.3 1.5 28.6 6 41.9 13.7c2 1.2 4 2.4 5.9 3.7q.3-6.15.3-12.3c0-141.4-114.6-256-256-256S32 178.6 32 320s114.6 256 256 256c41.4 0 80.5-9.8 115.1-27.3c-5.8-12.9-12-28.5-17.2-45.2zM256 352c0 8.8 7.2 16 16 16h16c8.8 0 16 7.2 16 16s-7.2 16-16 16h-16c-8.8 0-16 7.2-16 16s7.2 16 16 16h16c8.8 0 16 7.2 16 16s-7.2 16-16 16h-16c-8.8 0-16 7.2-16 16s7.2 16 16 16h32c26.5 0 48-21.5 48-48c0-12.3-4.6-23.5-12.2-32c7.6-8.5 12.2-19.7 12.2-32c0-26.5-21.5-48-48-48h-32c-8.8 0-16 7.2-16 16m-48-48c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32m152-44h16c11 0 20 9 20 20s9 20 20 20s20-9 20-20c0-33.1-26.9-60-60-60h-16c-33.1 0-60 26.9-60 60c0 11 9 20 20 20s20-9 20-20s9-20 20-20m182.8 154c-2.2-18.3-12.9-34.6-28.9-43.8c-28.1-16.2-63.9-6.6-80.1 21.5l-2.7 4.6c-24.5 42.5 7.9 117.9 24.4 150.8c5.1 10.1 15.5 16.1 26.8 15.5c36.7-2.2 118.2-11.7 142.8-54.2l2.7-4.6c16.2-28.1 6.6-63.9-21.5-80.1c-16-9.2-35.4-10.4-52.4-3.1l-9.8 4.2l-1.3-10.6z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7RegularFaceKissWinkHeart(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="M386 503.5c-29.2 15.6-62.5 24.5-98 24.5c-114.9 0-208-93.1-208-208s93.2-208 208-208c113.2 0 205.2 90.4 207.9 202.9c14.3 1.5 28.6 6 41.9 13.7c2 1.2 4 2.4 5.9 3.7q.3-6.15.3-12.3c0-141.4-114.6-256-256-256S32 178.6 32 320s114.6 256 256 256c41.4 0 80.5-9.8 115.1-27.3c-5.8-12.9-12-28.5-17.2-45.2zM256 352c0 8.8 7.2 16 16 16h16c8.8 0 16 7.2 16 16s-7.2 16-16 16h-16c-8.8 0-16 7.2-16 16s7.2 16 16 16h16c8.8 0 16 7.2 16 16s-7.2 16-16 16h-16c-8.8 0-16 7.2-16 16s7.2 16 16 16h32c26.5 0 48-21.5 48-48c0-12.3-4.6-23.5-12.2-32c7.6-8.5 12.2-19.7 12.2-32c0-26.5-21.5-48-48-48h-32c-8.8 0-16 7.2-16 16m-48-48c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32m152-44h16c11 0 20 9 20 20s9 20 20 20s20-9 20-20c0-33.1-26.9-60-60-60h-16c-33.1 0-60 26.9-60 60c0 11 9 20 20 20s20-9 20-20s9-20 20-20m182.8 154c-2.2-18.3-12.9-34.6-28.9-43.8c-28.1-16.2-63.9-6.6-80.1 21.5l-2.7 4.6c-24.5 42.5 7.9 117.9 24.4 150.8c5.1 10.1 15.5 16.1 26.8 15.5c36.7-2.2 118.2-11.7 142.8-54.2l2.7-4.6c16.2-28.1 6.6-63.9-21.5-80.1c-16-9.2-35.4-10.4-52.4-3.1l-9.8 4.2l-1.3-10.6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M386 503.5c-29.2 15.6-62.5 24.5-98 24.5c-114.9 0-208-93.1-208-208s93.2-208 208-208c113.2 0 205.2 90.4 207.9 202.9c14.3 1.5 28.6 6 41.9 13.7c2 1.2 4 2.4 5.9 3.7q.3-6.15.3-12.3c0-141.4-114.6-256-256-256S32 178.6 32 320s114.6 256 256 256c41.4 0 80.5-9.8 115.1-27.3c-5.8-12.9-12-28.5-17.2-45.2zM256 352c0 8.8 7.2 16 16 16h16c8.8 0 16 7.2 16 16s-7.2 16-16 16h-16c-8.8 0-16 7.2-16 16s7.2 16 16 16h16c8.8 0 16 7.2 16 16s-7.2 16-16 16h-16c-8.8 0-16 7.2-16 16s7.2 16 16 16h32c26.5 0 48-21.5 48-48c0-12.3-4.6-23.5-12.2-32c7.6-8.5 12.2-19.7 12.2-32c0-26.5-21.5-48-48-48h-32c-8.8 0-16 7.2-16 16m-48-48c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32m152-44h16c11 0 20 9 20 20s9 20 20 20s20-9 20-20c0-33.1-26.9-60-60-60h-16c-33.1 0-60 26.9-60 60c0 11 9 20 20 20s20-9 20-20s9-20 20-20m182.8 154c-2.2-18.3-12.9-34.6-28.9-43.8c-28.1-16.2-63.9-6.6-80.1 21.5l-2.7 4.6c-24.5 42.5 7.9 117.9 24.4 150.8c5.1 10.1 15.5 16.1 26.8 15.5c36.7-2.2 118.2-11.7 142.8-54.2l2.7-4.6c16.2-28.1 6.6-63.9-21.5-80.1c-16-9.2-35.4-10.4-52.4-3.1l-9.8 4.2l-1.3-10.6z"/></svg> </template>
CSS
.icon-face-kiss-wink-heart {
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%22M386%20503.5c-29.2%2015.6-62.5%2024.5-98%2024.5c-114.9%200-208-93.1-208-208s93.2-208%20208-208c113.2%200%20205.2%2090.4%20207.9%20202.9c14.3%201.5%2028.6%206%2041.9%2013.7c2%201.2%204%202.4%205.9%203.7q.3-6.15.3-12.3c0-141.4-114.6-256-256-256S32%20178.6%2032%20320s114.6%20256%20256%20256c41.4%200%2080.5-9.8%20115.1-27.3c-5.8-12.9-12-28.5-17.2-45.2zM256%20352c0%208.8%207.2%2016%2016%2016h16c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-16c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016h16c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-16c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016h32c26.5%200%2048-21.5%2048-48c0-12.3-4.6-23.5-12.2-32c7.6-8.5%2012.2-19.7%2012.2-32c0-26.5-21.5-48-48-48h-32c-8.8%200-16%207.2-16%2016m-48-48c17.7%200%2032-14.3%2032-32s-14.3-32-32-32s-32%2014.3-32%2032s14.3%2032%2032%2032m152-44h16c11%200%2020%209%2020%2020s9%2020%2020%2020s20-9%2020-20c0-33.1-26.9-60-60-60h-16c-33.1%200-60%2026.9-60%2060c0%2011%209%2020%2020%2020s20-9%2020-20s9-20%2020-20m182.8%20154c-2.2-18.3-12.9-34.6-28.9-43.8c-28.1-16.2-63.9-6.6-80.1%2021.5l-2.7%204.6c-24.5%2042.5%207.9%20117.9%2024.4%20150.8c5.1%2010.1%2015.5%2016.1%2026.8%2015.5c36.7-2.2%20118.2-11.7%20142.8-54.2l2.7-4.6c16.2-28.1%206.6-63.9-21.5-80.1c-16-9.2-35.4-10.4-52.4-3.1l-9.8%204.2l-1.3-10.6z%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%22M386%20503.5c-29.2%2015.6-62.5%2024.5-98%2024.5c-114.9%200-208-93.1-208-208s93.2-208%20208-208c113.2%200%20205.2%2090.4%20207.9%20202.9c14.3%201.5%2028.6%206%2041.9%2013.7c2%201.2%204%202.4%205.9%203.7q.3-6.15.3-12.3c0-141.4-114.6-256-256-256S32%20178.6%2032%20320s114.6%20256%20256%20256c41.4%200%2080.5-9.8%20115.1-27.3c-5.8-12.9-12-28.5-17.2-45.2zM256%20352c0%208.8%207.2%2016%2016%2016h16c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-16c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016h16c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-16c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016h32c26.5%200%2048-21.5%2048-48c0-12.3-4.6-23.5-12.2-32c7.6-8.5%2012.2-19.7%2012.2-32c0-26.5-21.5-48-48-48h-32c-8.8%200-16%207.2-16%2016m-48-48c17.7%200%2032-14.3%2032-32s-14.3-32-32-32s-32%2014.3-32%2032s14.3%2032%2032%2032m152-44h16c11%200%2020%209%2020%2020s9%2020%2020%2020s20-9%2020-20c0-33.1-26.9-60-60-60h-16c-33.1%200-60%2026.9-60%2060c0%2011%209%2020%2020%2020s20-9%2020-20s9-20%2020-20m182.8%20154c-2.2-18.3-12.9-34.6-28.9-43.8c-28.1-16.2-63.9-6.6-80.1%2021.5l-2.7%204.6c-24.5%2042.5%207.9%20117.9%2024.4%20150.8c5.1%2010.1%2015.5%2016.1%2026.8%2015.5c36.7-2.2%20118.2-11.7%20142.8-54.2l2.7-4.6c16.2-28.1%206.6-63.9-21.5-80.1c-16-9.2-35.4-10.4-52.4-3.1l-9.8%204.2l-1.3-10.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-regular/face-kiss-wink-heart.svg?color=%231a73e8&size=48
