loudly crying icon
loudly-crying from Health Icons by Resolve to Save Lives · Filled · Emotions · MIT Free for personal and commercial use.
- Name
- loudly-crying
- Set
- Health Icons
- Style
- Filled
- Category
- Emotions
- Viewbox
- 48×48
- License
- MIT
3 other variants in Health Icons
More emotions icons from Health Icons
Use the loudly crying icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M31.71 17.517c-1.752-.968-3.297-2.03-4.029-2.71L26.32 16.27c.906.843 2.614 1.997 4.423 2.997c1.801.995 3.851 1.921 5.45 2.216l.363-1.966c-1.269-.235-3.087-1.028-4.846-2m-11.018-2.711c-.731.68-2.276 1.743-4.028 2.71c-1.759.973-3.577 1.766-4.846 2l.364 1.967c1.598-.295 3.648-1.22 5.45-2.216c1.809-1 3.517-2.154 4.422-2.997zM20 31a4 4 0 0 1 8 0v2a4 4 0 0 1-8 0z"/><path fill-rule="evenodd" d="M35.435 37.902A17.96 17.96 0 0 0 42 24c0-9.941-8.059-18-18-18S6 14.059 6 24c0 5.599 2.556 10.6 6.565 13.902C9.74 38.442 8 39.183 8 40c0 1.657 7.163 3 16 3s16-1.343 16-3c0-.817-1.74-1.557-4.565-2.098m-.037-2.673A15.95 15.95 0 0 0 40 24c0-8.837-7.163-16-16-16S8 15.163 8 24c0 4.33 1.72 8.259 4.515 11.14c-.14-3.524.695-6.817 1.963-9.65a10 10 0 0 0-.96.592a.5.5 0 0 1-.735-.19c-.38-.773-.122-1.788.55-2.575c.693-.812 1.864-1.454 3.499-1.57c1.6-.112 2.958.197 3.915.684c.476.243.87.54 1.14.868c.266.323.453.73.383 1.165a.5.5 0 0 1-.644.397a9.5 9.5 0 0 0-3.27-.44q-.048.166-.138.323c-2.064 3.612-3.395 8.197-2.356 13.035A15.9 15.9 0 0 0 24 40c2.932 0 5.68-.789 8.042-2.165c1.061-4.858-.272-9.465-2.344-13.09a1.5 1.5 0 0 1-.11-.24a9 9 0 0 0-3.205.414a.5.5 0 0 1-.644-.397c-.068-.423.114-.819.37-1.13c.26-.316.64-.6 1.096-.833c.916-.467 2.216-.763 3.746-.655c1.564.111 2.687.725 3.353 1.505c.644.755.896 1.733.528 2.482a.5.5 0 0 1-.736.189a9 9 0 0 0-.557-.361c1.221 2.805 2.013 6.048 1.859 9.51" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsLoudlyCrying(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M31.71 17.517c-1.752-.968-3.297-2.03-4.029-2.71L26.32 16.27c.906.843 2.614 1.997 4.423 2.997c1.801.995 3.851 1.921 5.45 2.216l.363-1.966c-1.269-.235-3.087-1.028-4.846-2m-11.018-2.711c-.731.68-2.276 1.743-4.028 2.71c-1.759.973-3.577 1.766-4.846 2l.364 1.967c1.598-.295 3.648-1.22 5.45-2.216c1.809-1 3.517-2.154 4.422-2.997zM20 31a4 4 0 0 1 8 0v2a4 4 0 0 1-8 0z"/><path fillRule="evenodd" d="M35.435 37.902A17.96 17.96 0 0 0 42 24c0-9.941-8.059-18-18-18S6 14.059 6 24c0 5.599 2.556 10.6 6.565 13.902C9.74 38.442 8 39.183 8 40c0 1.657 7.163 3 16 3s16-1.343 16-3c0-.817-1.74-1.557-4.565-2.098m-.037-2.673A15.95 15.95 0 0 0 40 24c0-8.837-7.163-16-16-16S8 15.163 8 24c0 4.33 1.72 8.259 4.515 11.14c-.14-3.524.695-6.817 1.963-9.65a10 10 0 0 0-.96.592a.5.5 0 0 1-.735-.19c-.38-.773-.122-1.788.55-2.575c.693-.812 1.864-1.454 3.499-1.57c1.6-.112 2.958.197 3.915.684c.476.243.87.54 1.14.868c.266.323.453.73.383 1.165a.5.5 0 0 1-.644.397a9.5 9.5 0 0 0-3.27-.44q-.048.166-.138.323c-2.064 3.612-3.395 8.197-2.356 13.035A15.9 15.9 0 0 0 24 40c2.932 0 5.68-.789 8.042-2.165c1.061-4.858-.272-9.465-2.344-13.09a1.5 1.5 0 0 1-.11-.24a9 9 0 0 0-3.205.414a.5.5 0 0 1-.644-.397c-.068-.423.114-.819.37-1.13c.26-.316.64-.6 1.096-.833c.916-.467 2.216-.763 3.746-.655c1.564.111 2.687.725 3.353 1.505c.644.755.896 1.733.528 2.482a.5.5 0 0 1-.736.189a9 9 0 0 0-.557-.361c1.221 2.805 2.013 6.048 1.859 9.51" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M31.71 17.517c-1.752-.968-3.297-2.03-4.029-2.71L26.32 16.27c.906.843 2.614 1.997 4.423 2.997c1.801.995 3.851 1.921 5.45 2.216l.363-1.966c-1.269-.235-3.087-1.028-4.846-2m-11.018-2.711c-.731.68-2.276 1.743-4.028 2.71c-1.759.973-3.577 1.766-4.846 2l.364 1.967c1.598-.295 3.648-1.22 5.45-2.216c1.809-1 3.517-2.154 4.422-2.997zM20 31a4 4 0 0 1 8 0v2a4 4 0 0 1-8 0z"/><path fill-rule="evenodd" d="M35.435 37.902A17.96 17.96 0 0 0 42 24c0-9.941-8.059-18-18-18S6 14.059 6 24c0 5.599 2.556 10.6 6.565 13.902C9.74 38.442 8 39.183 8 40c0 1.657 7.163 3 16 3s16-1.343 16-3c0-.817-1.74-1.557-4.565-2.098m-.037-2.673A15.95 15.95 0 0 0 40 24c0-8.837-7.163-16-16-16S8 15.163 8 24c0 4.33 1.72 8.259 4.515 11.14c-.14-3.524.695-6.817 1.963-9.65a10 10 0 0 0-.96.592a.5.5 0 0 1-.735-.19c-.38-.773-.122-1.788.55-2.575c.693-.812 1.864-1.454 3.499-1.57c1.6-.112 2.958.197 3.915.684c.476.243.87.54 1.14.868c.266.323.453.73.383 1.165a.5.5 0 0 1-.644.397a9.5 9.5 0 0 0-3.27-.44q-.048.166-.138.323c-2.064 3.612-3.395 8.197-2.356 13.035A15.9 15.9 0 0 0 24 40c2.932 0 5.68-.789 8.042-2.165c1.061-4.858-.272-9.465-2.344-13.09a1.5 1.5 0 0 1-.11-.24a9 9 0 0 0-3.205.414a.5.5 0 0 1-.644-.397c-.068-.423.114-.819.37-1.13c.26-.316.64-.6 1.096-.833c.916-.467 2.216-.763 3.746-.655c1.564.111 2.687.725 3.353 1.505c.644.755.896 1.733.528 2.482a.5.5 0 0 1-.736.189a9 9 0 0 0-.557-.361c1.221 2.805 2.013 6.048 1.859 9.51" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-loudly-crying {
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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M31.71%2017.517c-1.752-.968-3.297-2.03-4.029-2.71L26.32%2016.27c.906.843%202.614%201.997%204.423%202.997c1.801.995%203.851%201.921%205.45%202.216l.363-1.966c-1.269-.235-3.087-1.028-4.846-2m-11.018-2.711c-.731.68-2.276%201.743-4.028%202.71c-1.759.973-3.577%201.766-4.846%202l.364%201.967c1.598-.295%203.648-1.22%205.45-2.216c1.809-1%203.517-2.154%204.422-2.997zM20%2031a4%204%200%200%201%208%200v2a4%204%200%200%201-8%200z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M35.435%2037.902A17.96%2017.96%200%200%200%2042%2024c0-9.941-8.059-18-18-18S6%2014.059%206%2024c0%205.599%202.556%2010.6%206.565%2013.902C9.74%2038.442%208%2039.183%208%2040c0%201.657%207.163%203%2016%203s16-1.343%2016-3c0-.817-1.74-1.557-4.565-2.098m-.037-2.673A15.95%2015.95%200%200%200%2040%2024c0-8.837-7.163-16-16-16S8%2015.163%208%2024c0%204.33%201.72%208.259%204.515%2011.14c-.14-3.524.695-6.817%201.963-9.65a10%2010%200%200%200-.96.592a.5.5%200%200%201-.735-.19c-.38-.773-.122-1.788.55-2.575c.693-.812%201.864-1.454%203.499-1.57c1.6-.112%202.958.197%203.915.684c.476.243.87.54%201.14.868c.266.323.453.73.383%201.165a.5.5%200%200%201-.644.397a9.5%209.5%200%200%200-3.27-.44q-.048.166-.138.323c-2.064%203.612-3.395%208.197-2.356%2013.035A15.9%2015.9%200%200%200%2024%2040c2.932%200%205.68-.789%208.042-2.165c1.061-4.858-.272-9.465-2.344-13.09a1.5%201.5%200%200%201-.11-.24a9%209%200%200%200-3.205.414a.5.5%200%200%201-.644-.397c-.068-.423.114-.819.37-1.13c.26-.316.64-.6%201.096-.833c.916-.467%202.216-.763%203.746-.655c1.564.111%202.687.725%203.353%201.505c.644.755.896%201.733.528%202.482a.5.5%200%200%201-.736.189a9%209%200%200%200-.557-.361c1.221%202.805%202.013%206.048%201.859%209.51%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M31.71%2017.517c-1.752-.968-3.297-2.03-4.029-2.71L26.32%2016.27c.906.843%202.614%201.997%204.423%202.997c1.801.995%203.851%201.921%205.45%202.216l.363-1.966c-1.269-.235-3.087-1.028-4.846-2m-11.018-2.711c-.731.68-2.276%201.743-4.028%202.71c-1.759.973-3.577%201.766-4.846%202l.364%201.967c1.598-.295%203.648-1.22%205.45-2.216c1.809-1%203.517-2.154%204.422-2.997zM20%2031a4%204%200%200%201%208%200v2a4%204%200%200%201-8%200z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M35.435%2037.902A17.96%2017.96%200%200%200%2042%2024c0-9.941-8.059-18-18-18S6%2014.059%206%2024c0%205.599%202.556%2010.6%206.565%2013.902C9.74%2038.442%208%2039.183%208%2040c0%201.657%207.163%203%2016%203s16-1.343%2016-3c0-.817-1.74-1.557-4.565-2.098m-.037-2.673A15.95%2015.95%200%200%200%2040%2024c0-8.837-7.163-16-16-16S8%2015.163%208%2024c0%204.33%201.72%208.259%204.515%2011.14c-.14-3.524.695-6.817%201.963-9.65a10%2010%200%200%200-.96.592a.5.5%200%200%201-.735-.19c-.38-.773-.122-1.788.55-2.575c.693-.812%201.864-1.454%203.499-1.57c1.6-.112%202.958.197%203.915.684c.476.243.87.54%201.14.868c.266.323.453.73.383%201.165a.5.5%200%200%201-.644.397a9.5%209.5%200%200%200-3.27-.44q-.048.166-.138.323c-2.064%203.612-3.395%208.197-2.356%2013.035A15.9%2015.9%200%200%200%2024%2040c2.932%200%205.68-.789%208.042-2.165c1.061-4.858-.272-9.465-2.344-13.09a1.5%201.5%200%200%201-.11-.24a9%209%200%200%200-3.205.414a.5.5%200%200%201-.644-.397c-.068-.423.114-.819.37-1.13c.26-.316.64-.6%201.096-.833c.916-.467%202.216-.763%203.746-.655c1.564.111%202.687.725%203.353%201.505c.644.755.896%201.733.528%202.482a.5.5%200%200%201-.736.189a9%209%200%200%200-.557-.361c1.221%202.805%202.013%206.048%201.859%209.51%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/loudly-crying.svg?color=%231a73e8&size=48
