Psychology Rounded アイコン
material-symbols-light:psychology-rounded
Psychology Rounded アイコン(material-symbols-light:psychology-rounded)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- Google
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャル
- タグ
- behavior、body、brain、cognitive、function、gear、head、human、intellectual、mental、mind、people、person、preferences、psychiatric、psychology
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m11.37 13.654l.042.55q.005.162.123.267t.28.106h.37q.161 0 .28-.106t.123-.267l.043-.55q.392-.075.747-.262q.355-.186.595-.484l.461.229q.137.074.293.034t.237-.177l.184-.315q.08-.137.053-.283t-.159-.252l-.438-.321q.165-.412.165-.823t-.165-.823l.438-.321q.131-.106.159-.252t-.053-.283l-.184-.315q-.081-.137-.237-.177t-.292.034l-.462.23q-.24-.299-.595-.485q-.355-.187-.747-.262l-.043-.55q-.005-.162-.123-.267t-.28-.106h-.37q-.161 0-.28.106t-.123.267l-.043.55q-.392.075-.747.262q-.355.186-.595.484l-.461-.228q-.137-.075-.293-.035t-.237.177l-.184.315q-.08.137-.053.283t.159.252l.438.321q-.165.412-.165.823t.165.823l-.438.321q-.131.106-.159.252t.053.283l.185.315q.08.137.236.177t.293-.034l.461-.23q.24.299.595.485q.355.187.747.262m-.691-1.332q-.543-.543-.543-1.322t.543-1.322T12 9.135t1.322.543q.544.543.544 1.322t-.544 1.322q-.543.544-1.322.544t-1.322-.544M7.5 21q-.213 0-.357-.143T7 20.5v-3.262q-1.425-1.3-2.212-2.922T4 10.981q0-3.327 2.337-5.654Q8.673 3 12 3q2.702 0 4.884 1.645t2.83 4.25L20.744 13q.106.379-.136.69t-.646.31H18v3.385q0 .67-.472 1.143q-.472.472-1.143.472H14v1.5q0 .214-.143.357T13.5 21z"/></svg>
Psychology Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:psychology-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:psychology-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:psychology-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--psychology-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:psychology-rounded"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:psychology-rounded"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/psychology-rounded.svg" alt="Psychology Rounded アイコン" width="24" height="24">
Material Symbols Light の関連アイコン
他のアイコンセットの Psychology Rounded アイコン
Psychology Rounded アイコン のよくある質問
Psychology Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Psychology Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:psychology-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Psychology Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/psychology-rounded.svg" alt="Psychology Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols Light アイコン をすべて見る →
ICONYZ
