people hugging emoji
people-hugging from Noto Emoji by Google Inc · Default · People & Body · Apache-2.0 Free for personal and commercial use.
- Name
- people-hugging
- Set
- Noto Emoji
- Style
- Default
- Category
- People & Body
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More people & body icons from Noto Emoji
anatomical-heartartistastronautbabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upballet-dancerbiting-lipboneboybrainbreast-feedingbust-in-silhouettebusts-in-silhouettecall-me-handchildclapping-handsconstruction-workercookcouple-with-heartcouple-with-heart-man-man
Use the people hugging emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><radialGradient id="SVGZb6wpeiN" cx="71.353" cy="54.761" r="41.042" gradientTransform="rotate(3.865 250.508 86.796)" gradientUnits="userSpaceOnUse"><stop offset=".47" stop-color="#42a5f5"/><stop offset="1" stop-color="#fce8b2"/></radialGradient><path fill="url(#SVGZb6wpeiN)" d="M82.58 5.72c-10.59-.71-27.85 9.87-23.63 34.9c2.61 15.47 12.62 23.12 19.68 23.6s18.01-5.76 22.68-20.74c7.54-24.23-8.14-37.05-18.73-37.76"/><linearGradient id="SVGxVARabNq" x1="75.601" x2="66.573" y1="30.528" y2="114.104" gradientUnits="userSpaceOnUse"><stop offset=".128" stop-color="#fce8b2"/><stop offset=".64" stop-color="#42a5f5"/></linearGradient><path fill="url(#SVGxVARabNq)" d="M117.94 83.27c-4.15-16.61-16.84-25.96-30.58-27.66c-5.48-.68-11.04-.92-16.48.01c-1.27.22-2.7.82-3.97.86c-.98.03-32.26-12.01-33.57-12.46C29.68 42.73 22.17 43 19.17 51c-3.93 10.47 12 18 35 36l-.94 37h66.79s1.08-28.09-2.08-40.73"/><linearGradient id="SVG3djtgePz" x1="28.109" x2="63.83" y1="135.296" y2="46.551" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0d47a1"/><stop offset=".679" stop-color="#1976d2"/></linearGradient><path fill="url(#SVG3djtgePz)" d="M89.17 70c-3-5-9.75-1.11-12 1c-16 15-19.7 17.19-22.96 15.43c-.99-.53-2.94-1.91-8.22-5.99S22.17 62 22.17 62c-18 15-13.96 62-13.96 62h45.02l.81-14.92c5.68.91 9.99-1.04 14.12-4.08c7.61-5.62 13.02-10.7 18-19c3.01-5 6.01-11 3.01-16"/><radialGradient id="SVGWzlxdeLd" cx="45.628" cy="49.205" r="46.585" gradientTransform="rotate(-22.626 44.004 45.517)" gradientUnits="userSpaceOnUse"><stop offset=".527" stop-color="#1565c0"/><stop offset="1" stop-color="#fada80"/></radialGradient><path fill="url(#SVGWzlxdeLd)" d="M39.45 7.91c-9.8 4.08-20.53 21.26-5.58 41.78c9.23 12.68 21.61 15.06 28.14 12.34s13.55-13.19 11.05-28.67C69 8.3 49.25 3.83 39.45 7.91"/><path fill="#1976d2" d="M103.75 60.18S93.18 67 89.18 60c-3.58-6.26 7.1-12.75 7.1-12.75c3.11-1.79 7.23-1.56 9.56 2.53c2.79 4.89 1.02 8.61-2.09 10.4"/></svg>
React
import type { SVGProps } from "react";
export function NotoPeopleHugging(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><radialGradient id="SVGZb6wpeiN" cx="71.353" cy="54.761" r="41.042" gradientTransform="rotate(3.865 250.508 86.796)" gradientUnits="userSpaceOnUse"><stop offset=".47" stopColor="#42a5f5"/><stop offset="1" stopColor="#fce8b2"/></radialGradient><path fill="url(#SVGZb6wpeiN)" d="M82.58 5.72c-10.59-.71-27.85 9.87-23.63 34.9c2.61 15.47 12.62 23.12 19.68 23.6s18.01-5.76 22.68-20.74c7.54-24.23-8.14-37.05-18.73-37.76"/><linearGradient id="SVGxVARabNq" x1="75.601" x2="66.573" y1="30.528" y2="114.104" gradientUnits="userSpaceOnUse"><stop offset=".128" stopColor="#fce8b2"/><stop offset=".64" stopColor="#42a5f5"/></linearGradient><path fill="url(#SVGxVARabNq)" d="M117.94 83.27c-4.15-16.61-16.84-25.96-30.58-27.66c-5.48-.68-11.04-.92-16.48.01c-1.27.22-2.7.82-3.97.86c-.98.03-32.26-12.01-33.57-12.46C29.68 42.73 22.17 43 19.17 51c-3.93 10.47 12 18 35 36l-.94 37h66.79s1.08-28.09-2.08-40.73"/><linearGradient id="SVG3djtgePz" x1="28.109" x2="63.83" y1="135.296" y2="46.551" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#0d47a1"/><stop offset=".679" stopColor="#1976d2"/></linearGradient><path fill="url(#SVG3djtgePz)" d="M89.17 70c-3-5-9.75-1.11-12 1c-16 15-19.7 17.19-22.96 15.43c-.99-.53-2.94-1.91-8.22-5.99S22.17 62 22.17 62c-18 15-13.96 62-13.96 62h45.02l.81-14.92c5.68.91 9.99-1.04 14.12-4.08c7.61-5.62 13.02-10.7 18-19c3.01-5 6.01-11 3.01-16"/><radialGradient id="SVGWzlxdeLd" cx="45.628" cy="49.205" r="46.585" gradientTransform="rotate(-22.626 44.004 45.517)" gradientUnits="userSpaceOnUse"><stop offset=".527" stopColor="#1565c0"/><stop offset="1" stopColor="#fada80"/></radialGradient><path fill="url(#SVGWzlxdeLd)" d="M39.45 7.91c-9.8 4.08-20.53 21.26-5.58 41.78c9.23 12.68 21.61 15.06 28.14 12.34s13.55-13.19 11.05-28.67C69 8.3 49.25 3.83 39.45 7.91"/><path fill="#1976d2" d="M103.75 60.18S93.18 67 89.18 60c-3.58-6.26 7.1-12.75 7.1-12.75c3.11-1.79 7.23-1.56 9.56 2.53c2.79 4.89 1.02 8.61-2.09 10.4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><radialGradient id="SVGZb6wpeiN" cx="71.353" cy="54.761" r="41.042" gradientTransform="rotate(3.865 250.508 86.796)" gradientUnits="userSpaceOnUse"><stop offset=".47" stop-color="#42a5f5"/><stop offset="1" stop-color="#fce8b2"/></radialGradient><path fill="url(#SVGZb6wpeiN)" d="M82.58 5.72c-10.59-.71-27.85 9.87-23.63 34.9c2.61 15.47 12.62 23.12 19.68 23.6s18.01-5.76 22.68-20.74c7.54-24.23-8.14-37.05-18.73-37.76"/><linearGradient id="SVGxVARabNq" x1="75.601" x2="66.573" y1="30.528" y2="114.104" gradientUnits="userSpaceOnUse"><stop offset=".128" stop-color="#fce8b2"/><stop offset=".64" stop-color="#42a5f5"/></linearGradient><path fill="url(#SVGxVARabNq)" d="M117.94 83.27c-4.15-16.61-16.84-25.96-30.58-27.66c-5.48-.68-11.04-.92-16.48.01c-1.27.22-2.7.82-3.97.86c-.98.03-32.26-12.01-33.57-12.46C29.68 42.73 22.17 43 19.17 51c-3.93 10.47 12 18 35 36l-.94 37h66.79s1.08-28.09-2.08-40.73"/><linearGradient id="SVG3djtgePz" x1="28.109" x2="63.83" y1="135.296" y2="46.551" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0d47a1"/><stop offset=".679" stop-color="#1976d2"/></linearGradient><path fill="url(#SVG3djtgePz)" d="M89.17 70c-3-5-9.75-1.11-12 1c-16 15-19.7 17.19-22.96 15.43c-.99-.53-2.94-1.91-8.22-5.99S22.17 62 22.17 62c-18 15-13.96 62-13.96 62h45.02l.81-14.92c5.68.91 9.99-1.04 14.12-4.08c7.61-5.62 13.02-10.7 18-19c3.01-5 6.01-11 3.01-16"/><radialGradient id="SVGWzlxdeLd" cx="45.628" cy="49.205" r="46.585" gradientTransform="rotate(-22.626 44.004 45.517)" gradientUnits="userSpaceOnUse"><stop offset=".527" stop-color="#1565c0"/><stop offset="1" stop-color="#fada80"/></radialGradient><path fill="url(#SVGWzlxdeLd)" d="M39.45 7.91c-9.8 4.08-20.53 21.26-5.58 41.78c9.23 12.68 21.61 15.06 28.14 12.34s13.55-13.19 11.05-28.67C69 8.3 49.25 3.83 39.45 7.91"/><path fill="#1976d2" d="M103.75 60.18S93.18 67 89.18 60c-3.58-6.26 7.1-12.75 7.1-12.75c3.11-1.79 7.23-1.56 9.56 2.53c2.79 4.89 1.02 8.61-2.09 10.4"/></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%20128%20128%22%3E%3CradialGradient%20id%3D%22SVGZb6wpeiN%22%20cx%3D%2271.353%22%20cy%3D%2254.761%22%20r%3D%2241.042%22%20gradientTransform%3D%22rotate(3.865%20250.508%2086.796)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.47%22%20stop-color%3D%22%2342a5f5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fce8b2%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20fill%3D%22url(%23SVGZb6wpeiN)%22%20d%3D%22M82.58%205.72c-10.59-.71-27.85%209.87-23.63%2034.9c2.61%2015.47%2012.62%2023.12%2019.68%2023.6s18.01-5.76%2022.68-20.74c7.54-24.23-8.14-37.05-18.73-37.76%22%2F%3E%3ClinearGradient%20id%3D%22SVGxVARabNq%22%20x1%3D%2275.601%22%20x2%3D%2266.573%22%20y1%3D%2230.528%22%20y2%3D%22114.104%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.128%22%20stop-color%3D%22%23fce8b2%22%2F%3E%3Cstop%20offset%3D%22.64%22%20stop-color%3D%22%2342a5f5%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGxVARabNq)%22%20d%3D%22M117.94%2083.27c-4.15-16.61-16.84-25.96-30.58-27.66c-5.48-.68-11.04-.92-16.48.01c-1.27.22-2.7.82-3.97.86c-.98.03-32.26-12.01-33.57-12.46C29.68%2042.73%2022.17%2043%2019.17%2051c-3.93%2010.47%2012%2018%2035%2036l-.94%2037h66.79s1.08-28.09-2.08-40.73%22%2F%3E%3ClinearGradient%20id%3D%22SVG3djtgePz%22%20x1%3D%2228.109%22%20x2%3D%2263.83%22%20y1%3D%22135.296%22%20y2%3D%2246.551%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230d47a1%22%2F%3E%3Cstop%20offset%3D%22.679%22%20stop-color%3D%22%231976d2%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVG3djtgePz)%22%20d%3D%22M89.17%2070c-3-5-9.75-1.11-12%201c-16%2015-19.7%2017.19-22.96%2015.43c-.99-.53-2.94-1.91-8.22-5.99S22.17%2062%2022.17%2062c-18%2015-13.96%2062-13.96%2062h45.02l.81-14.92c5.68.91%209.99-1.04%2014.12-4.08c7.61-5.62%2013.02-10.7%2018-19c3.01-5%206.01-11%203.01-16%22%2F%3E%3CradialGradient%20id%3D%22SVGWzlxdeLd%22%20cx%3D%2245.628%22%20cy%3D%2249.205%22%20r%3D%2246.585%22%20gradientTransform%3D%22rotate(-22.626%2044.004%2045.517)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.527%22%20stop-color%3D%22%231565c0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fada80%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20fill%3D%22url(%23SVGWzlxdeLd)%22%20d%3D%22M39.45%207.91c-9.8%204.08-20.53%2021.26-5.58%2041.78c9.23%2012.68%2021.61%2015.06%2028.14%2012.34s13.55-13.19%2011.05-28.67C69%208.3%2049.25%203.83%2039.45%207.91%22%2F%3E%3Cpath%20fill%3D%22%231976d2%22%20d%3D%22M103.75%2060.18S93.18%2067%2089.18%2060c-3.58-6.26%207.1-12.75%207.1-12.75c3.11-1.79%207.23-1.56%209.56%202.53c2.79%204.89%201.02%208.61-2.09%2010.4%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%3CradialGradient%20id%3D%22SVGZb6wpeiN%22%20cx%3D%2271.353%22%20cy%3D%2254.761%22%20r%3D%2241.042%22%20gradientTransform%3D%22rotate(3.865%20250.508%2086.796)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.47%22%20stop-color%3D%22%2342a5f5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fce8b2%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20fill%3D%22url(%23SVGZb6wpeiN)%22%20d%3D%22M82.58%205.72c-10.59-.71-27.85%209.87-23.63%2034.9c2.61%2015.47%2012.62%2023.12%2019.68%2023.6s18.01-5.76%2022.68-20.74c7.54-24.23-8.14-37.05-18.73-37.76%22%2F%3E%3ClinearGradient%20id%3D%22SVGxVARabNq%22%20x1%3D%2275.601%22%20x2%3D%2266.573%22%20y1%3D%2230.528%22%20y2%3D%22114.104%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.128%22%20stop-color%3D%22%23fce8b2%22%2F%3E%3Cstop%20offset%3D%22.64%22%20stop-color%3D%22%2342a5f5%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGxVARabNq)%22%20d%3D%22M117.94%2083.27c-4.15-16.61-16.84-25.96-30.58-27.66c-5.48-.68-11.04-.92-16.48.01c-1.27.22-2.7.82-3.97.86c-.98.03-32.26-12.01-33.57-12.46C29.68%2042.73%2022.17%2043%2019.17%2051c-3.93%2010.47%2012%2018%2035%2036l-.94%2037h66.79s1.08-28.09-2.08-40.73%22%2F%3E%3ClinearGradient%20id%3D%22SVG3djtgePz%22%20x1%3D%2228.109%22%20x2%3D%2263.83%22%20y1%3D%22135.296%22%20y2%3D%2246.551%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230d47a1%22%2F%3E%3Cstop%20offset%3D%22.679%22%20stop-color%3D%22%231976d2%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVG3djtgePz)%22%20d%3D%22M89.17%2070c-3-5-9.75-1.11-12%201c-16%2015-19.7%2017.19-22.96%2015.43c-.99-.53-2.94-1.91-8.22-5.99S22.17%2062%2022.17%2062c-18%2015-13.96%2062-13.96%2062h45.02l.81-14.92c5.68.91%209.99-1.04%2014.12-4.08c7.61-5.62%2013.02-10.7%2018-19c3.01-5%206.01-11%203.01-16%22%2F%3E%3CradialGradient%20id%3D%22SVGWzlxdeLd%22%20cx%3D%2245.628%22%20cy%3D%2249.205%22%20r%3D%2246.585%22%20gradientTransform%3D%22rotate(-22.626%2044.004%2045.517)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.527%22%20stop-color%3D%22%231565c0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fada80%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20fill%3D%22url(%23SVGWzlxdeLd)%22%20d%3D%22M39.45%207.91c-9.8%204.08-20.53%2021.26-5.58%2041.78c9.23%2012.68%2021.61%2015.06%2028.14%2012.34s13.55-13.19%2011.05-28.67C69%208.3%2049.25%203.83%2039.45%207.91%22%2F%3E%3Cpath%20fill%3D%22%231976d2%22%20d%3D%22M103.75%2060.18S93.18%2067%2089.18%2060c-3.58-6.26%207.1-12.75%207.1-12.75c3.11-1.79%207.23-1.56%209.56%202.53c2.79%204.89%201.02%208.61-2.09%2010.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/people-hugging.svg?color=%231a73e8&size=48
