mental health icon
mental-health-outline-24px from Health Icons by Resolve to Save Lives · Outline 24px · Symbols · MIT Free for personal and commercial use.
- Name
- mental-health-outline-24px
- Set
- Health Icons
- Style
- Outline 24px
- Category
- Symbols
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
The same icon in other sets
More symbols icons from Health Icons
Use the mental health icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M13.23 7.143c-.616-.435-1.304-.469-1.893-.294a2.8 2.8 0 0 0-.837.414a2.8 2.8 0 0 0-.837-.414c-.589-.173-1.277-.14-1.892.294a2.46 2.46 0 0 0-1.02 1.917v.001c-.037 1.147.578 2.084 1.235 2.8c.492.536 1.093 1.032 1.589 1.443q.239.196.436.365l.485.416l.488-.412q.18-.152.394-.326c.508-.417 1.13-.928 1.64-1.485c.657-.718 1.27-1.658 1.23-2.802a2.46 2.46 0 0 0-1.018-1.917m-1.468 1.144a1.5 1.5 0 0 0-.684.47l-.578.7l-.578-.7a1.5 1.5 0 0 0-.684-.469c-.23-.068-.426-.043-.603.081a.96.96 0 0 0-.384.741c-.018.56.278 1.124.84 1.736c.416.453.896.85 1.373 1.246l.039.031c.489-.401.985-.81 1.409-1.274c.562-.615.856-1.181.837-1.737a.96.96 0 0 0-.384-.743l-.002-.001c-.176-.125-.371-.149-.6-.081" clip-rule="evenodd"/><path d="M15.75 13.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5"/><path fill-rule="evenodd" d="M15.454 3.936a7.4 7.4 0 0 1 2.953 2.158l.021.026l.02.028a6.26 6.26 0 0 1 1.168 3.477v.002c.008.33.005.607.002.85c-.008.641-.013 1.039.199 1.544l.067.07c.126.13.295.319.462.544c.164.221.345.504.475.824c.127.315.233.737.149 1.199c-.092.502-.38.862-.657 1.098a3.1 3.1 0 0 1-.833.491q-.104.043-.203.077c-.14.971-.55 1.735-1.19 2.279c-.765.65-1.723.87-2.545.924a8.7 8.7 0 0 1-2.092-.145l-.066.115c-.12.196-.305.434-.582.663c-.563.466-1.421.826-2.677.833c-.713.047-1.551-.153-2.256-.464c-.694-.306-1.507-.83-1.892-1.616l-.103-.208v-2.612C4.296 14.8 3 13.003 3 10.64c0-2.043.853-3.991 2.354-5.42C6.852 3.794 8.875 3 10.974 3a11.1 11.1 0 0 1 4.48.936m-2.518 13.267l.005.002l.036.011q.051.016.155.044c.137.038.337.088.577.135c.49.096 1.11.175 1.704.136c.605-.04 1.073-.192 1.378-.452c.268-.227.54-.647.54-1.538v-.86l.845-.128h.004l.029-.006l.125-.027c.111-.027.252-.068.389-.124q.179-.075.262-.138l-.018-.048a2 2 0 0 0-.228-.384a4 4 0 0 0-.398-.451l-.016-.015l-.008-.008l-.003-.003l-.145-.13l-.085-.177c-.504-1.045-.486-2.023-.47-2.825c.003-.191.007-.373.003-.543a4.25 4.25 0 0 0-.778-2.338a5.4 5.4 0 0 0-2.146-1.55l-.016-.007l-.016-.007A9.1 9.1 0 0 0 10.976 5c-1.6 0-3.126.606-4.244 1.67C5.618 7.73 5 9.16 5 10.64c0 1.676.98 3.05 2.473 4.165l.401.3v3.068c.14.152.401.35.803.527c.519.229 1.038.32 1.332.297l.039-.004h.04c.879 0 1.278-.24 1.439-.373a1 1 0 0 0 .097-.095v-1.752l1.31.43z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsMentalHealthOutline24px(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 fillRule="evenodd" d="M13.23 7.143c-.616-.435-1.304-.469-1.893-.294a2.8 2.8 0 0 0-.837.414a2.8 2.8 0 0 0-.837-.414c-.589-.173-1.277-.14-1.892.294a2.46 2.46 0 0 0-1.02 1.917v.001c-.037 1.147.578 2.084 1.235 2.8c.492.536 1.093 1.032 1.589 1.443q.239.196.436.365l.485.416l.488-.412q.18-.152.394-.326c.508-.417 1.13-.928 1.64-1.485c.657-.718 1.27-1.658 1.23-2.802a2.46 2.46 0 0 0-1.018-1.917m-1.468 1.144a1.5 1.5 0 0 0-.684.47l-.578.7l-.578-.7a1.5 1.5 0 0 0-.684-.469c-.23-.068-.426-.043-.603.081a.96.96 0 0 0-.384.741c-.018.56.278 1.124.84 1.736c.416.453.896.85 1.373 1.246l.039.031c.489-.401.985-.81 1.409-1.274c.562-.615.856-1.181.837-1.737a.96.96 0 0 0-.384-.743l-.002-.001c-.176-.125-.371-.149-.6-.081" clipRule="evenodd"/><path d="M15.75 13.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5"/><path fillRule="evenodd" d="M15.454 3.936a7.4 7.4 0 0 1 2.953 2.158l.021.026l.02.028a6.26 6.26 0 0 1 1.168 3.477v.002c.008.33.005.607.002.85c-.008.641-.013 1.039.199 1.544l.067.07c.126.13.295.319.462.544c.164.221.345.504.475.824c.127.315.233.737.149 1.199c-.092.502-.38.862-.657 1.098a3.1 3.1 0 0 1-.833.491q-.104.043-.203.077c-.14.971-.55 1.735-1.19 2.279c-.765.65-1.723.87-2.545.924a8.7 8.7 0 0 1-2.092-.145l-.066.115c-.12.196-.305.434-.582.663c-.563.466-1.421.826-2.677.833c-.713.047-1.551-.153-2.256-.464c-.694-.306-1.507-.83-1.892-1.616l-.103-.208v-2.612C4.296 14.8 3 13.003 3 10.64c0-2.043.853-3.991 2.354-5.42C6.852 3.794 8.875 3 10.974 3a11.1 11.1 0 0 1 4.48.936m-2.518 13.267l.005.002l.036.011q.051.016.155.044c.137.038.337.088.577.135c.49.096 1.11.175 1.704.136c.605-.04 1.073-.192 1.378-.452c.268-.227.54-.647.54-1.538v-.86l.845-.128h.004l.029-.006l.125-.027c.111-.027.252-.068.389-.124q.179-.075.262-.138l-.018-.048a2 2 0 0 0-.228-.384a4 4 0 0 0-.398-.451l-.016-.015l-.008-.008l-.003-.003l-.145-.13l-.085-.177c-.504-1.045-.486-2.023-.47-2.825c.003-.191.007-.373.003-.543a4.25 4.25 0 0 0-.778-2.338a5.4 5.4 0 0 0-2.146-1.55l-.016-.007l-.016-.007A9.1 9.1 0 0 0 10.976 5c-1.6 0-3.126.606-4.244 1.67C5.618 7.73 5 9.16 5 10.64c0 1.676.98 3.05 2.473 4.165l.401.3v3.068c.14.152.401.35.803.527c.519.229 1.038.32 1.332.297l.039-.004h.04c.879 0 1.278-.24 1.439-.373a1 1 0 0 0 .097-.095v-1.752l1.31.43z" clipRule="evenodd"/></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 fill-rule="evenodd" d="M13.23 7.143c-.616-.435-1.304-.469-1.893-.294a2.8 2.8 0 0 0-.837.414a2.8 2.8 0 0 0-.837-.414c-.589-.173-1.277-.14-1.892.294a2.46 2.46 0 0 0-1.02 1.917v.001c-.037 1.147.578 2.084 1.235 2.8c.492.536 1.093 1.032 1.589 1.443q.239.196.436.365l.485.416l.488-.412q.18-.152.394-.326c.508-.417 1.13-.928 1.64-1.485c.657-.718 1.27-1.658 1.23-2.802a2.46 2.46 0 0 0-1.018-1.917m-1.468 1.144a1.5 1.5 0 0 0-.684.47l-.578.7l-.578-.7a1.5 1.5 0 0 0-.684-.469c-.23-.068-.426-.043-.603.081a.96.96 0 0 0-.384.741c-.018.56.278 1.124.84 1.736c.416.453.896.85 1.373 1.246l.039.031c.489-.401.985-.81 1.409-1.274c.562-.615.856-1.181.837-1.737a.96.96 0 0 0-.384-.743l-.002-.001c-.176-.125-.371-.149-.6-.081" clip-rule="evenodd"/><path d="M15.75 13.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5"/><path fill-rule="evenodd" d="M15.454 3.936a7.4 7.4 0 0 1 2.953 2.158l.021.026l.02.028a6.26 6.26 0 0 1 1.168 3.477v.002c.008.33.005.607.002.85c-.008.641-.013 1.039.199 1.544l.067.07c.126.13.295.319.462.544c.164.221.345.504.475.824c.127.315.233.737.149 1.199c-.092.502-.38.862-.657 1.098a3.1 3.1 0 0 1-.833.491q-.104.043-.203.077c-.14.971-.55 1.735-1.19 2.279c-.765.65-1.723.87-2.545.924a8.7 8.7 0 0 1-2.092-.145l-.066.115c-.12.196-.305.434-.582.663c-.563.466-1.421.826-2.677.833c-.713.047-1.551-.153-2.256-.464c-.694-.306-1.507-.83-1.892-1.616l-.103-.208v-2.612C4.296 14.8 3 13.003 3 10.64c0-2.043.853-3.991 2.354-5.42C6.852 3.794 8.875 3 10.974 3a11.1 11.1 0 0 1 4.48.936m-2.518 13.267l.005.002l.036.011q.051.016.155.044c.137.038.337.088.577.135c.49.096 1.11.175 1.704.136c.605-.04 1.073-.192 1.378-.452c.268-.227.54-.647.54-1.538v-.86l.845-.128h.004l.029-.006l.125-.027c.111-.027.252-.068.389-.124q.179-.075.262-.138l-.018-.048a2 2 0 0 0-.228-.384a4 4 0 0 0-.398-.451l-.016-.015l-.008-.008l-.003-.003l-.145-.13l-.085-.177c-.504-1.045-.486-2.023-.47-2.825c.003-.191.007-.373.003-.543a4.25 4.25 0 0 0-.778-2.338a5.4 5.4 0 0 0-2.146-1.55l-.016-.007l-.016-.007A9.1 9.1 0 0 0 10.976 5c-1.6 0-3.126.606-4.244 1.67C5.618 7.73 5 9.16 5 10.64c0 1.676.98 3.05 2.473 4.165l.401.3v3.068c.14.152.401.35.803.527c.519.229 1.038.32 1.332.297l.039-.004h.04c.879 0 1.278-.24 1.439-.373a1 1 0 0 0 .097-.095v-1.752l1.31.43z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-mental-health-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%20fill-rule%3D%22evenodd%22%20d%3D%22M13.23%207.143c-.616-.435-1.304-.469-1.893-.294a2.8%202.8%200%200%200-.837.414a2.8%202.8%200%200%200-.837-.414c-.589-.173-1.277-.14-1.892.294a2.46%202.46%200%200%200-1.02%201.917v.001c-.037%201.147.578%202.084%201.235%202.8c.492.536%201.093%201.032%201.589%201.443q.239.196.436.365l.485.416l.488-.412q.18-.152.394-.326c.508-.417%201.13-.928%201.64-1.485c.657-.718%201.27-1.658%201.23-2.802a2.46%202.46%200%200%200-1.018-1.917m-1.468%201.144a1.5%201.5%200%200%200-.684.47l-.578.7l-.578-.7a1.5%201.5%200%200%200-.684-.469c-.23-.068-.426-.043-.603.081a.96.96%200%200%200-.384.741c-.018.56.278%201.124.84%201.736c.416.453.896.85%201.373%201.246l.039.031c.489-.401.985-.81%201.409-1.274c.562-.615.856-1.181.837-1.737a.96.96%200%200%200-.384-.743l-.002-.001c-.176-.125-.371-.149-.6-.081%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M15.75%2013.5a.75.75%200%201%200%200-1.5a.75.75%200%200%200%200%201.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M15.454%203.936a7.4%207.4%200%200%201%202.953%202.158l.021.026l.02.028a6.26%206.26%200%200%201%201.168%203.477v.002c.008.33.005.607.002.85c-.008.641-.013%201.039.199%201.544l.067.07c.126.13.295.319.462.544c.164.221.345.504.475.824c.127.315.233.737.149%201.199c-.092.502-.38.862-.657%201.098a3.1%203.1%200%200%201-.833.491q-.104.043-.203.077c-.14.971-.55%201.735-1.19%202.279c-.765.65-1.723.87-2.545.924a8.7%208.7%200%200%201-2.092-.145l-.066.115c-.12.196-.305.434-.582.663c-.563.466-1.421.826-2.677.833c-.713.047-1.551-.153-2.256-.464c-.694-.306-1.507-.83-1.892-1.616l-.103-.208v-2.612C4.296%2014.8%203%2013.003%203%2010.64c0-2.043.853-3.991%202.354-5.42C6.852%203.794%208.875%203%2010.974%203a11.1%2011.1%200%200%201%204.48.936m-2.518%2013.267l.005.002l.036.011q.051.016.155.044c.137.038.337.088.577.135c.49.096%201.11.175%201.704.136c.605-.04%201.073-.192%201.378-.452c.268-.227.54-.647.54-1.538v-.86l.845-.128h.004l.029-.006l.125-.027c.111-.027.252-.068.389-.124q.179-.075.262-.138l-.018-.048a2%202%200%200%200-.228-.384a4%204%200%200%200-.398-.451l-.016-.015l-.008-.008l-.003-.003l-.145-.13l-.085-.177c-.504-1.045-.486-2.023-.47-2.825c.003-.191.007-.373.003-.543a4.25%204.25%200%200%200-.778-2.338a5.4%205.4%200%200%200-2.146-1.55l-.016-.007l-.016-.007A9.1%209.1%200%200%200%2010.976%205c-1.6%200-3.126.606-4.244%201.67C5.618%207.73%205%209.16%205%2010.64c0%201.676.98%203.05%202.473%204.165l.401.3v3.068c.14.152.401.35.803.527c.519.229%201.038.32%201.332.297l.039-.004h.04c.879%200%201.278-.24%201.439-.373a1%201%200%200%200%20.097-.095v-1.752l1.31.43z%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M13.23%207.143c-.616-.435-1.304-.469-1.893-.294a2.8%202.8%200%200%200-.837.414a2.8%202.8%200%200%200-.837-.414c-.589-.173-1.277-.14-1.892.294a2.46%202.46%200%200%200-1.02%201.917v.001c-.037%201.147.578%202.084%201.235%202.8c.492.536%201.093%201.032%201.589%201.443q.239.196.436.365l.485.416l.488-.412q.18-.152.394-.326c.508-.417%201.13-.928%201.64-1.485c.657-.718%201.27-1.658%201.23-2.802a2.46%202.46%200%200%200-1.018-1.917m-1.468%201.144a1.5%201.5%200%200%200-.684.47l-.578.7l-.578-.7a1.5%201.5%200%200%200-.684-.469c-.23-.068-.426-.043-.603.081a.96.96%200%200%200-.384.741c-.018.56.278%201.124.84%201.736c.416.453.896.85%201.373%201.246l.039.031c.489-.401.985-.81%201.409-1.274c.562-.615.856-1.181.837-1.737a.96.96%200%200%200-.384-.743l-.002-.001c-.176-.125-.371-.149-.6-.081%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M15.75%2013.5a.75.75%200%201%200%200-1.5a.75.75%200%200%200%200%201.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M15.454%203.936a7.4%207.4%200%200%201%202.953%202.158l.021.026l.02.028a6.26%206.26%200%200%201%201.168%203.477v.002c.008.33.005.607.002.85c-.008.641-.013%201.039.199%201.544l.067.07c.126.13.295.319.462.544c.164.221.345.504.475.824c.127.315.233.737.149%201.199c-.092.502-.38.862-.657%201.098a3.1%203.1%200%200%201-.833.491q-.104.043-.203.077c-.14.971-.55%201.735-1.19%202.279c-.765.65-1.723.87-2.545.924a8.7%208.7%200%200%201-2.092-.145l-.066.115c-.12.196-.305.434-.582.663c-.563.466-1.421.826-2.677.833c-.713.047-1.551-.153-2.256-.464c-.694-.306-1.507-.83-1.892-1.616l-.103-.208v-2.612C4.296%2014.8%203%2013.003%203%2010.64c0-2.043.853-3.991%202.354-5.42C6.852%203.794%208.875%203%2010.974%203a11.1%2011.1%200%200%201%204.48.936m-2.518%2013.267l.005.002l.036.011q.051.016.155.044c.137.038.337.088.577.135c.49.096%201.11.175%201.704.136c.605-.04%201.073-.192%201.378-.452c.268-.227.54-.647.54-1.538v-.86l.845-.128h.004l.029-.006l.125-.027c.111-.027.252-.068.389-.124q.179-.075.262-.138l-.018-.048a2%202%200%200%200-.228-.384a4%204%200%200%200-.398-.451l-.016-.015l-.008-.008l-.003-.003l-.145-.13l-.085-.177c-.504-1.045-.486-2.023-.47-2.825c.003-.191.007-.373.003-.543a4.25%204.25%200%200%200-.778-2.338a5.4%205.4%200%200%200-2.146-1.55l-.016-.007l-.016-.007A9.1%209.1%200%200%200%2010.976%205c-1.6%200-3.126.606-4.244%201.67C5.618%207.73%205%209.16%205%2010.64c0%201.676.98%203.05%202.473%204.165l.401.3v3.068c.14.152.401.35.803.527c.519.229%201.038.32%201.332.297l.039-.004h.04c.879%200%201.278-.24%201.439-.373a1%201%200%200%200%20.097-.095v-1.752l1.31.43z%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/mental-health-outline-24px.svg?color=%231a73e8&size=48
