Icône Mental Health
medical-icon:mental-health
L'icône Mental Health (medical-icon:mental-health) est une icône SVG gratuite de la collection Medical Icons par Samuel Frémondière. Elle est dessinée sur une grille de 64 × 64. Les Medical Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Medical Icons
- Auteur
- Samuel Frémondière
- Licence
- MIT
- Taille
- 64 × 64
- Mots-clés
- mentalhealth
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M55.746.272H8.744C4.14.272.394 4.019.394 8.625v46.998c0 4.608 3.747 8.354 8.35 8.354h47.002c4.605 0 8.353-3.746 8.353-8.354V8.625c0-4.606-3.748-8.353-8.353-8.353m-9.842 40.751v16.105H25.658v-5.809h-2.974a7.483 7.483 0 0 1-7.481-7.485v-5.303h-2.544a1.535 1.535 0 0 1-1.534-1.53q0-.322.114-.595l3.964-9.982s.41-4.135.783-5.718c1.65-7.122 9.591-13.585 18.2-13.585c10.474 0 18.969 8.496 18.969 18.979c0 6.054-2.836 11.45-7.251 14.923"/><path fill="currentColor" d="m46.129 13.978l-2.324 1.637a7 7 0 0 0-1.099-.528c-.109-.04-.217-.069-.326-.102l-.507-2.902h-2.794l-.472 2.794c-.51.131-.999.323-1.464.565l-2.404-1.699l-1.982 1.978l1.647 2.314a7 7 0 0 0-.531 1.11c-.042.109-.069.218-.104.326l-2.399.411V18.55l-1.832-.314a4.4 4.4 0 0 0-.359-.916l1.123-1.586l-1.298-1.295l-1.528 1.077a4.5 4.5 0 0 0-.703-.344c-.064-.024-.131-.03-.197-.05l-.332-1.911H24.42l-.319 1.834a4.5 4.5 0 0 0-.921.363l-1.59-1.118l-1.291 1.295l1.08 1.528c-.13.221-.251.451-.342.702c-.024.066-.04.131-.06.199l-1.901.326v1.834l1.844.316q.127.474.349.911l-1.122 1.588l1.293 1.296l1.533-1.08c.223.131.454.252.705.346c.064.024.131.029.195.052l.332 1.911l1.823-.002l.32-1.832c.32-.085.624-.209.918-.361l1.583 1.116l1.297-1.294l-1.078-1.528c.13-.221.249-.449.34-.698c.026-.066.031-.135.054-.202l1.407-.242v2.294l2.793.48c.131.51.324.999.567 1.464l-1.695 2.399l1.97 1.976l2.323-1.637c.347.202.71.382 1.1.525c.109.042.218.069.327.104l.506 2.904h2.424l-.201 1.163c-.35.08-.681.218-.992.392l-1.16-.819l-.909.909l.785 1.111a3.6 3.6 0 0 0-.342.688c-.036.099-.05.197-.078.295l-1.407.24v1.283l1.346.233c.078.352.216.682.392.995l-.819 1.158l.905.913l1.111-.788q.322.207.691.346c.099.036.199.05.299.078l.231 1.4h1.287l.235-1.341c.352-.078.682-.216.995-.392l1.153.819l.913-.911l-.784-1.104c.138-.216.258-.446.349-.694c.035-.097.048-.195.076-.294l1.395-.24v-1.287l-1.339-.23a3.6 3.6 0 0 0-.392-.994l.817-1.16l-.91-.909l-1.109.779a3.7 3.7 0 0 0-.688-.344c-.095-.035-.192-.048-.289-.074l-.245-1.4h-.919l.444-2.618c.508-.13.995-.322 1.458-.563l2.407 1.699l1.973-1.974l-1.64-2.323c.203-.347.386-.712.531-1.102c.04-.108.068-.217.103-.326l2.903-.499V20.3l-2.797-.482a7 7 0 0 0-.563-1.455l1.695-2.407l-1.966-1.975zM25.15 21.199a2.003 2.003 0 1 1 0-4.008a2.003 2.003 0 1 1 0 4.008m16.628 12.573c1.101 0 1.994.895 1.994 2.001a2 2 0 0 1-1.994 2.003a2.005 2.005 0 0 1-2.006-2.003c0-1.106.9-2.001 2.006-2.001m-1.536-10.404c-1.1 0-1.997-.893-1.997-2.001a1.997 1.997 0 1 1 3.994 0a1.996 1.996 0 0 1-1.997 2.001m-20.378 2.604a2.118 2.118 0 0 0 0 4.236a2.125 2.125 0 0 0 2.126-2.123a2.12 2.12 0 0 0-2.126-2.114z"/></svg>Comment utiliser l'icône Mental Health
React
import { Icon } from "@iconify/react";
<Icon icon="medical-icon:mental-health" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="medical-icon:mental-health" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="medical-icon:mental-health" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[medical-icon--mental-health]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/medical-icon -->
<div class="i-medical-icon: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:mental-health"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/medical-icon/mental-health.svg" alt="Icône Mental Health" width="24" height="24">L'icône Mental Health dans d'autres collections
FAQ : Icône Mental Health
L'icône Mental Health est-elle gratuite pour un usage commercial ?
Oui. Les Medical Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Mental Health dans React ?
Installez @iconify/react et affichez <Icon icon="medical-icon:mental-health" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Mental Health à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/medical-icon/mental-health.svg" alt="Icône Mental Health">, ou collez le code SVG directement dans la page pour le styliser en CSS.