Mental Disorders アイコン
healthicons:mental-disorders
Mental Disorders アイコン(healthicons:mental-disorders)は、Health Icons セットの無料 SVG アイコンです（作者: Resolve to Save Lives）。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Health Icons
- 作者
- Resolve to Save Lives
- ライセンス
- MIT
- サイズ
- 48 × 48
- カテゴリ
- 人物
- タグ
- mentaldisorders、disorder
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M38.885 20.259c-.026 1.747-.049 3.286.83 5.107c0 0 2.596 2.336 2.254 4.21s-3.724 2.39-3.724 2.39c0 7.573-7.231 7.091-10.84 6.379l-.215-.044c-1.08-.224-1.786-.455-1.786-.455v1.423s-.075.238-.307.574q-.092.135-.22.285c-.677.796-2.148 1.857-5.18 1.857c-2.284.181-6.194-1.314-7.23-3.422v-6.449C8.814 29.384 6 25.707 6 20.94c0-3.963 1.654-7.763 4.597-10.564S17.532 6 21.695 6a22.7 22.7 0 0 1 9.202 1.929a14.4 14.4 0 0 1 5.779 4.21a11.83 11.83 0 0 1 2.211 6.573c.013.54.005 1.052-.002 1.547M27.45 21.88c-.156.175-.238.266-.727.266a3.9 3.9 0 0 1-2.166-.651c-.449.462-.998.82-1.608 1.047q-.117.055-.216.12c-.345.219-.55.502-.76.836l-.108.175q-.078.128-.164.265a3.7 3.7 0 0 0-.585 1.998v3.978H17c-.104-.852-.298-1.671-.77-2.396a5.8 5.8 0 0 0-1.851-1.794a3.85 3.85 0 0 1-1.619-1.268a3.7 3.7 0 0 1-.71-1.9a3.685 3.685 0 0 1-.26-4.853a3.4 3.4 0 0 1-.136-.995a3.7 3.7 0 0 1 .753-2.234l1.972-1.359a3.8 3.8 0 0 1 1.42-1.62a3.93 3.93 0 0 1 3.008-.501A3.9 3.9 0 0 1 21.116 10l4.189.284a3.9 3.9 0 0 1 2.27 1.532h.273l2.42.824a3.74 3.74 0 0 1 1.354 2.12a3.9 3.9 0 0 1 1.93 1.75c.42.781.55 1.679.369 2.542c-.18.864-.66 1.64-1.359 2.201l-2.48.878a3.93 3.93 0 0 1-2.193-.636c-.234.155-.35.284-.44.385M34 25.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0M21 32v2h-4v-2zm-4 4v2h4v-2z" clip-rule="evenodd"/></svg>Mental Disorders アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:mental-disorders" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:mental-disorders" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:mental-disorders" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--mental-disorders]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:mental-disorders"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:mental-disorders"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/mental-disorders.svg" alt="Mental Disorders アイコン" width="24" height="24">Health Icons の関連アイコン
Mental Disorders アイコン のよくある質問
Mental Disorders アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mental Disorders アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:mental-disorders" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mental Disorders アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/mental-disorders.svg" alt="Mental Disorders アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。