crying icon
crying-outline-24px from Health Icons by Resolve to Save Lives · Outline 24px · Emotions · MIT Free for personal and commercial use.
- Name
- crying-outline-24px
- Set
- Health Icons
- Style
- Outline 24px
- Category
- Emotions
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
The same icon in other sets
More emotions icons from Health Icons
Use the crying icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M5.072 8a8 8 0 0 1 14.93 4.039q.561.985.821 1.57q.462 1.046.511 1.982C23.08 11.075 21.324 5.836 17 3.34C12.217.578 6.101 2.217 3.34 7S2.217 17.9 7 20.66c4.14 2.39 9.277 1.484 12.375-1.904q-.375.122-.794.122a2.47 2.47 0 0 1-1.63-.592A8.003 8.003 0 0 1 5.071 8"/><path d="M18.581 17.544q.75 0 1.284-.513a1.65 1.65 0 0 0 .535-1.233q0-.59-.341-1.256t-1.478-2.238q-1.136 1.572-1.477 2.238q-.34.666-.34 1.256q0 .72.533 1.233q.534.513 1.284.513m-9.776-.052a1 1 0 0 0 1.387-.277c.41-.614 1.213-.875 1.808-.875s1.399.26 1.808.875a1 1 0 1 0 1.664-1.11C14.562 14.74 12.99 14.34 12 14.34s-2.561.4-3.472 1.765a1 1 0 0 0 .277 1.387m.459-7.953c-.03.154-.13.444-.318.713c-.184.262-.42.46-.72.54c-.298.08-.602.027-.893-.108a2 2 0 0 1-.631-.459l-1.131.986c.229.262.625.598 1.13.833c.51.237 1.182.393 1.914.197s1.236-.667 1.56-1.128c.319-.455.494-.944.561-1.286zm5.472 0c.03.154.13.444.318.713c.184.262.42.46.72.54c.298.08.602.027.893-.108c.297-.139.528-.34.631-.459l1.131.986a3.5 3.5 0 0 1-1.13.833c-.51.237-1.182.393-1.914.197s-1.236-.667-1.56-1.128a3.5 3.5 0 0 1-.561-1.286z"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsCryingOutline24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M5.072 8a8 8 0 0 1 14.93 4.039q.561.985.821 1.57q.462 1.046.511 1.982C23.08 11.075 21.324 5.836 17 3.34C12.217.578 6.101 2.217 3.34 7S2.217 17.9 7 20.66c4.14 2.39 9.277 1.484 12.375-1.904q-.375.122-.794.122a2.47 2.47 0 0 1-1.63-.592A8.003 8.003 0 0 1 5.071 8"/><path d="M18.581 17.544q.75 0 1.284-.513a1.65 1.65 0 0 0 .535-1.233q0-.59-.341-1.256t-1.478-2.238q-1.136 1.572-1.477 2.238q-.34.666-.34 1.256q0 .72.533 1.233q.534.513 1.284.513m-9.776-.052a1 1 0 0 0 1.387-.277c.41-.614 1.213-.875 1.808-.875s1.399.26 1.808.875a1 1 0 1 0 1.664-1.11C14.562 14.74 12.99 14.34 12 14.34s-2.561.4-3.472 1.765a1 1 0 0 0 .277 1.387m.459-7.953c-.03.154-.13.444-.318.713c-.184.262-.42.46-.72.54c-.298.08-.602.027-.893-.108a2 2 0 0 1-.631-.459l-1.131.986c.229.262.625.598 1.13.833c.51.237 1.182.393 1.914.197s1.236-.667 1.56-1.128c.319-.455.494-.944.561-1.286zm5.472 0c.03.154.13.444.318.713c.184.262.42.46.72.54c.298.08.602.027.893-.108c.297-.139.528-.34.631-.459l1.131.986a3.5 3.5 0 0 1-1.13.833c-.51.237-1.182.393-1.914.197s-1.236-.667-1.56-1.128a3.5 3.5 0 0 1-.561-1.286z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M5.072 8a8 8 0 0 1 14.93 4.039q.561.985.821 1.57q.462 1.046.511 1.982C23.08 11.075 21.324 5.836 17 3.34C12.217.578 6.101 2.217 3.34 7S2.217 17.9 7 20.66c4.14 2.39 9.277 1.484 12.375-1.904q-.375.122-.794.122a2.47 2.47 0 0 1-1.63-.592A8.003 8.003 0 0 1 5.071 8"/><path d="M18.581 17.544q.75 0 1.284-.513a1.65 1.65 0 0 0 .535-1.233q0-.59-.341-1.256t-1.478-2.238q-1.136 1.572-1.477 2.238q-.34.666-.34 1.256q0 .72.533 1.233q.534.513 1.284.513m-9.776-.052a1 1 0 0 0 1.387-.277c.41-.614 1.213-.875 1.808-.875s1.399.26 1.808.875a1 1 0 1 0 1.664-1.11C14.562 14.74 12.99 14.34 12 14.34s-2.561.4-3.472 1.765a1 1 0 0 0 .277 1.387m.459-7.953c-.03.154-.13.444-.318.713c-.184.262-.42.46-.72.54c-.298.08-.602.027-.893-.108a2 2 0 0 1-.631-.459l-1.131.986c.229.262.625.598 1.13.833c.51.237 1.182.393 1.914.197s1.236-.667 1.56-1.128c.319-.455.494-.944.561-1.286zm5.472 0c.03.154.13.444.318.713c.184.262.42.46.72.54c.298.08.602.027.893-.108c.297-.139.528-.34.631-.459l1.131.986a3.5 3.5 0 0 1-1.13.833c-.51.237-1.182.393-1.914.197s-1.236-.667-1.56-1.128a3.5 3.5 0 0 1-.561-1.286z"/></g></svg> </template>
CSS
.icon-crying-outline-24px {
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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M5.072%208a8%208%200%200%201%2014.93%204.039q.561.985.821%201.57q.462%201.046.511%201.982C23.08%2011.075%2021.324%205.836%2017%203.34C12.217.578%206.101%202.217%203.34%207S2.217%2017.9%207%2020.66c4.14%202.39%209.277%201.484%2012.375-1.904q-.375.122-.794.122a2.47%202.47%200%200%201-1.63-.592A8.003%208.003%200%200%201%205.071%208%22%2F%3E%3Cpath%20d%3D%22M18.581%2017.544q.75%200%201.284-.513a1.65%201.65%200%200%200%20.535-1.233q0-.59-.341-1.256t-1.478-2.238q-1.136%201.572-1.477%202.238q-.34.666-.34%201.256q0%20.72.533%201.233q.534.513%201.284.513m-9.776-.052a1%201%200%200%200%201.387-.277c.41-.614%201.213-.875%201.808-.875s1.399.26%201.808.875a1%201%200%201%200%201.664-1.11C14.562%2014.74%2012.99%2014.34%2012%2014.34s-2.561.4-3.472%201.765a1%201%200%200%200%20.277%201.387m.459-7.953c-.03.154-.13.444-.318.713c-.184.262-.42.46-.72.54c-.298.08-.602.027-.893-.108a2%202%200%200%201-.631-.459l-1.131.986c.229.262.625.598%201.13.833c.51.237%201.182.393%201.914.197s1.236-.667%201.56-1.128c.319-.455.494-.944.561-1.286zm5.472%200c.03.154.13.444.318.713c.184.262.42.46.72.54c.298.08.602.027.893-.108c.297-.139.528-.34.631-.459l1.131.986a3.5%203.5%200%200%201-1.13.833c-.51.237-1.182.393-1.914.197s-1.236-.667-1.56-1.128a3.5%203.5%200%200%201-.561-1.286z%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M5.072%208a8%208%200%200%201%2014.93%204.039q.561.985.821%201.57q.462%201.046.511%201.982C23.08%2011.075%2021.324%205.836%2017%203.34C12.217.578%206.101%202.217%203.34%207S2.217%2017.9%207%2020.66c4.14%202.39%209.277%201.484%2012.375-1.904q-.375.122-.794.122a2.47%202.47%200%200%201-1.63-.592A8.003%208.003%200%200%201%205.071%208%22%2F%3E%3Cpath%20d%3D%22M18.581%2017.544q.75%200%201.284-.513a1.65%201.65%200%200%200%20.535-1.233q0-.59-.341-1.256t-1.478-2.238q-1.136%201.572-1.477%202.238q-.34.666-.34%201.256q0%20.72.533%201.233q.534.513%201.284.513m-9.776-.052a1%201%200%200%200%201.387-.277c.41-.614%201.213-.875%201.808-.875s1.399.26%201.808.875a1%201%200%201%200%201.664-1.11C14.562%2014.74%2012.99%2014.34%2012%2014.34s-2.561.4-3.472%201.765a1%201%200%200%200%20.277%201.387m.459-7.953c-.03.154-.13.444-.318.713c-.184.262-.42.46-.72.54c-.298.08-.602.027-.893-.108a2%202%200%200%201-.631-.459l-1.131.986c.229.262.625.598%201.13.833c.51.237%201.182.393%201.914.197s1.236-.667%201.56-1.128c.319-.455.494-.944.561-1.286zm5.472%200c.03.154.13.444.318.713c.184.262.42.46.72.54c.298.08.602.027.893-.108c.297-.139.528-.34.631-.459l1.131.986a3.5%203.5%200%200%201-1.13.833c-.51.237-1.182.393-1.914.197s-1.236-.667-1.56-1.128a3.5%203.5%200%200%201-.561-1.286z%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/crying-outline-24px.svg?color=%231a73e8&size=48
