people hugging emoji
people-hugging from Fluent Emoji High Contrast by Microsoft Corporation · Default · People & Body · MIT Free for personal and commercial use.
- Name
- people-hugging
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- People & Body
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More people & body icons from Fluent Emoji High Contrast
anatomical-heartartistastronautbabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-upbiting-lipboneboybrainbreast-feedingbust-in-silhouettebusts-in-silhouettecall-me-handchildclapping-handsconstruction-workercookcrossed-fingersdetectiveearear-with-hearing-aid
Use the people hugging emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29 19a7.96 7.96 0 0 0-.985-3.85q.125-.185.213-.394a2.21 2.21 0 0 0-2.292-3.048q.252-.508.4-1.06l.734-2.727a5.42 5.42 0 0 0-9.844-4.371A4.419 4.419 0 0 0 9.443 7.5H7.152c-3.958 0-5.512 5.133-2.219 7.328l1.94 1.294L5.52 21.43a4.29 4.29 0 0 0 .77 3.74a4.34 4.34 0 0 0 2.09 1.468V30a1 1 0 0 0 1 1H28a1 1 0 0 0 1-1zm-14 7.85h2.72a2.21 2.21 0 0 0 2.21-2.17a2.25 2.25 0 0 0-2.26-2.25H15v-2.759a1 1 0 0 0-.445-.832l-8.513-5.675C4.396 12.066 5.173 9.5 7.152 9.5H9.99l.24.89a4.67 4.67 0 0 0 3.66 3.38a4.16 4.16 0 0 0 3.232-.784q.083.014.17.014H21q.575.001 1.12.104l-2.51.966a2.21 2.21 0 0 0 .79 4.27c.274 0 .545-.051.8-.15l5.119-1.97c.435.83.681 1.777.681 2.78v10H15zM18.605 11q.057-.148.105-.3a4.65 4.65 0 0 0 .051-2.59l-.448-1.621l.24-.894l.006-.024a3.42 3.42 0 1 1 6.6 1.764l-.007.022l-.747 2.775a3.7 3.7 0 0 1-.68 1.344A8 8 0 0 0 21 11z"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastPeopleHugging(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29 19a7.96 7.96 0 0 0-.985-3.85q.125-.185.213-.394a2.21 2.21 0 0 0-2.292-3.048q.252-.508.4-1.06l.734-2.727a5.42 5.42 0 0 0-9.844-4.371A4.419 4.419 0 0 0 9.443 7.5H7.152c-3.958 0-5.512 5.133-2.219 7.328l1.94 1.294L5.52 21.43a4.29 4.29 0 0 0 .77 3.74a4.34 4.34 0 0 0 2.09 1.468V30a1 1 0 0 0 1 1H28a1 1 0 0 0 1-1zm-14 7.85h2.72a2.21 2.21 0 0 0 2.21-2.17a2.25 2.25 0 0 0-2.26-2.25H15v-2.759a1 1 0 0 0-.445-.832l-8.513-5.675C4.396 12.066 5.173 9.5 7.152 9.5H9.99l.24.89a4.67 4.67 0 0 0 3.66 3.38a4.16 4.16 0 0 0 3.232-.784q.083.014.17.014H21q.575.001 1.12.104l-2.51.966a2.21 2.21 0 0 0 .79 4.27c.274 0 .545-.051.8-.15l5.119-1.97c.435.83.681 1.777.681 2.78v10H15zM18.605 11q.057-.148.105-.3a4.65 4.65 0 0 0 .051-2.59l-.448-1.621l.24-.894l.006-.024a3.42 3.42 0 1 1 6.6 1.764l-.007.022l-.747 2.775a3.7 3.7 0 0 1-.68 1.344A8 8 0 0 0 21 11z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29 19a7.96 7.96 0 0 0-.985-3.85q.125-.185.213-.394a2.21 2.21 0 0 0-2.292-3.048q.252-.508.4-1.06l.734-2.727a5.42 5.42 0 0 0-9.844-4.371A4.419 4.419 0 0 0 9.443 7.5H7.152c-3.958 0-5.512 5.133-2.219 7.328l1.94 1.294L5.52 21.43a4.29 4.29 0 0 0 .77 3.74a4.34 4.34 0 0 0 2.09 1.468V30a1 1 0 0 0 1 1H28a1 1 0 0 0 1-1zm-14 7.85h2.72a2.21 2.21 0 0 0 2.21-2.17a2.25 2.25 0 0 0-2.26-2.25H15v-2.759a1 1 0 0 0-.445-.832l-8.513-5.675C4.396 12.066 5.173 9.5 7.152 9.5H9.99l.24.89a4.67 4.67 0 0 0 3.66 3.38a4.16 4.16 0 0 0 3.232-.784q.083.014.17.014H21q.575.001 1.12.104l-2.51.966a2.21 2.21 0 0 0 .79 4.27c.274 0 .545-.051.8-.15l5.119-1.97c.435.83.681 1.777.681 2.78v10H15zM18.605 11q.057-.148.105-.3a4.65 4.65 0 0 0 .051-2.59l-.448-1.621l.24-.894l.006-.024a3.42 3.42 0 1 1 6.6 1.764l-.007.022l-.747 2.775a3.7 3.7 0 0 1-.68 1.344A8 8 0 0 0 21 11z"/></svg> </template>
CSS
.icon-people-hugging {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29%2019a7.96%207.96%200%200%200-.985-3.85q.125-.185.213-.394a2.21%202.21%200%200%200-2.292-3.048q.252-.508.4-1.06l.734-2.727a5.42%205.42%200%200%200-9.844-4.371A4.419%204.419%200%200%200%209.443%207.5H7.152c-3.958%200-5.512%205.133-2.219%207.328l1.94%201.294L5.52%2021.43a4.29%204.29%200%200%200%20.77%203.74a4.34%204.34%200%200%200%202.09%201.468V30a1%201%200%200%200%201%201H28a1%201%200%200%200%201-1zm-14%207.85h2.72a2.21%202.21%200%200%200%202.21-2.17a2.25%202.25%200%200%200-2.26-2.25H15v-2.759a1%201%200%200%200-.445-.832l-8.513-5.675C4.396%2012.066%205.173%209.5%207.152%209.5H9.99l.24.89a4.67%204.67%200%200%200%203.66%203.38a4.16%204.16%200%200%200%203.232-.784q.083.014.17.014H21q.575.001%201.12.104l-2.51.966a2.21%202.21%200%200%200%20.79%204.27c.274%200%20.545-.051.8-.15l5.119-1.97c.435.83.681%201.777.681%202.78v10H15zM18.605%2011q.057-.148.105-.3a4.65%204.65%200%200%200%20.051-2.59l-.448-1.621l.24-.894l.006-.024a3.42%203.42%200%201%201%206.6%201.764l-.007.022l-.747%202.775a3.7%203.7%200%200%201-.68%201.344A8%208%200%200%200%2021%2011z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29%2019a7.96%207.96%200%200%200-.985-3.85q.125-.185.213-.394a2.21%202.21%200%200%200-2.292-3.048q.252-.508.4-1.06l.734-2.727a5.42%205.42%200%200%200-9.844-4.371A4.419%204.419%200%200%200%209.443%207.5H7.152c-3.958%200-5.512%205.133-2.219%207.328l1.94%201.294L5.52%2021.43a4.29%204.29%200%200%200%20.77%203.74a4.34%204.34%200%200%200%202.09%201.468V30a1%201%200%200%200%201%201H28a1%201%200%200%200%201-1zm-14%207.85h2.72a2.21%202.21%200%200%200%202.21-2.17a2.25%202.25%200%200%200-2.26-2.25H15v-2.759a1%201%200%200%200-.445-.832l-8.513-5.675C4.396%2012.066%205.173%209.5%207.152%209.5H9.99l.24.89a4.67%204.67%200%200%200%203.66%203.38a4.16%204.16%200%200%200%203.232-.784q.083.014.17.014H21q.575.001%201.12.104l-2.51.966a2.21%202.21%200%200%200%20.79%204.27c.274%200%20.545-.051.8-.15l5.119-1.97c.435.83.681%201.777.681%202.78v10H15zM18.605%2011q.057-.148.105-.3a4.65%204.65%200%200%200%20.051-2.59l-.448-1.621l.24-.894l.006-.024a3.42%203.42%200%201%201%206.6%201.764l-.007.022l-.747%202.775a3.7%203.7%200%200%201-.68%201.344A8%208%200%200%200%2021%2011z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/people-hugging.svg?color=%231a73e8&size=48
