I Mental Health icon
medical-icon:i-mental-health
The I Mental Health icon (medical-icon:i-mental-health) is a free SVG icon from the Medical Icons set by Samuel Frémondière. It is drawn on a 64 × 64 grid. Medical Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Medical Icons
- Author
- Samuel Frémondière
- License
- MIT
- Size
- 64 × 64
- Tags
- imental, mentalhealth, imentalhealth
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M49.476 43.332v20.284H23.977V56.3h-3.746c-5.202 0-9.422-4.218-9.422-9.427v-6.679H7.605a1.935 1.935 0 0 1-1.933-1.927c0-.268.048-.522.144-.749l4.993-12.573s.516-5.208.986-7.202C13.874 8.772 23.874.632 34.718.632c13.192 0 23.891 10.7 23.891 23.904c0 7.625-3.572 14.421-9.133 18.796M16.679 24.375a2.664 2.664 0 0 0-2.657 2.662a2.667 2.667 0 0 0 2.657 2.673a2.675 2.675 0 0 0 2.677-2.673a2.673 2.673 0 0 0-2.677-2.662m23.149-5.8a2.515 2.515 0 1 0 5.032 0a2.516 2.516 0 1 0-5.032 0m-19.017-2.732a2.52 2.52 0 0 0 2.525 2.521a2.524 2.524 0 1 0 0-5.048a2.525 2.525 0 0 0-2.525 2.527m29.866 5.533l3.657-.629v-3.52l-3.523-.607a8.8 8.8 0 0 0-.71-1.833l2.135-3.032l-2.477-2.486l-2.927 2.062a9 9 0 0 0-1.385-.665c-.137-.05-.274-.087-.411-.129l-.638-3.655h-3.519l-.594 3.52a8.6 8.6 0 0 0-1.843.712l-3.028-2.14l-2.497 2.491l2.074 2.915a8.6 8.6 0 0 0-.668 1.397c-.053.137-.087.274-.131.411l-3.021.518v-1.678l-2.307-.396a5.5 5.5 0 0 0-.452-1.153l1.414-1.998l-1.634-1.631l-1.924 1.357a6 6 0 0 0-.886-.434c-.081-.03-.165-.037-.248-.063l-.418-2.407h-2.297l-.402 2.31c-.405.107-.79.265-1.16.458l-2.002-1.409l-1.626 1.631l1.36 1.924a5.4 5.4 0 0 0-.431.884c-.031.083-.05.165-.076.251l-2.394.411v2.309l2.323.398q.158.597.44 1.148l-1.413 2l1.628 1.633l1.931-1.36c.281.165.572.318.888.436c.081.031.165.037.246.065l.418 2.407l2.296-.002l.403-2.307a5.7 5.7 0 0 0 1.156-.455l1.994 1.406l1.634-1.63l-1.358-1.924c.163-.279.314-.566.429-.879c.033-.083.039-.17.068-.255l1.772-.306v2.889l3.517.605c.166.642.408 1.258.714 1.843l-2.135 3.021l2.482 2.489l2.925-2.062c.437.255.894.481 1.386.662c.137.052.274.087.411.131l.638 3.657h3.054l-.252 1.465c-.441.1-.857.274-1.249.494l-1.46-1.032l-1.145 1.146l.988 1.399c-.17.27-.318.557-.431.867c-.045.124-.063.248-.098.372l-1.772.303v1.615l1.696.294c.098.444.272.859.494 1.254l-1.032 1.458l1.141 1.149l1.399-.992c.27.172.559.32.87.435c.124.046.25.063.377.098l.291 1.763h1.621l.296-1.689c.444-.098.86-.272 1.254-.494l1.452 1.031l1.149-1.147l-.988-1.391c.174-.272.324-.562.44-.875c.043-.122.061-.246.096-.37l1.757-.303v-1.621l-1.687-.289a4.5 4.5 0 0 0-.494-1.251l1.029-1.461l-1.147-1.145l-1.397.982a4.6 4.6 0 0 0-.867-.434c-.119-.043-.241-.061-.363-.093l-.309-1.763h-1.158l.559-3.298a8.5 8.5 0 0 0 1.837-.709l3.032 2.14l2.485-2.486l-2.066-2.925c.257-.438.485-.897.668-1.389c.051-.138.086-.275.13-.412zM41.752 36.72a2.526 2.526 0 0 0 2.527 2.523a2.517 2.517 0 0 0 2.512-2.523a2.516 2.516 0 0 0-2.512-2.521a2.525 2.525 0 0 0-2.527 2.521"/></svg>
How to use the I Mental Health icon
React
import { Icon } from "@iconify/react";
<Icon icon="medical-icon:i-mental-health" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="medical-icon:i-mental-health" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="medical-icon:i-mental-health" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[medical-icon--i-mental-health]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/medical-icon -->
<div class="i-medical-icon:i-mental-health"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="medical-icon:i-mental-health"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/medical-icon/i-mental-health.svg" alt="I Mental Health icon" width="24" height="24">
Related icons in Medical Icons
I Mental Health icon FAQ
Is the I Mental Health icon free for commercial use?
Yes. Medical Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the I Mental Health icon in React?
Install @iconify/react and render <Icon icon="medical-icon:i-mental-health" />, or use “Copy code” on this page to get a standalone React component.
How do I add the I Mental Health icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/medical-icon/i-mental-health.svg" alt="I Mental Health icon">, or paste the SVG code inline to style it with CSS.
Browse all Medical Icons →
