ICONYZ
日本語
Material Symbols Light の Elderly Rounded アイコン

Elderly Rounded アイコン

material-symbols-light:elderly-rounded

Elderly Rounded アイコン(material-symbols-light:elderly-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
カテゴリ
ソーシャル
タグ
body、cane、elderly、human、old、people、person、senior、social、elderlyrounded、elderly outline rounded
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.48 5.192q-.69 0-1.19-.5q-.501-.502-.501-1.192t.5-1.191q.502-.501 1.192-.501t1.191.5q.501.502.501 1.192t-.501 1.191t-1.191.501m3.65 8.158q-.112-.111-.112-.273v-.475q-1.33-.806-2.09-1.547T13.383 8.92q-.525 1.143-.784 2.434t-.151 2.287l1.877 3.281q.062.087.09.198t.027.223v4.848q0 .214-.143.357t-.357.143t-.357-.143t-.143-.357V17.75l-2.37-3.32l-.085 3.636q0 .08-.162.473L7.85 22.277q-.134.177-.323.208q-.188.03-.365-.104q-.177-.135-.198-.333t.113-.375l2.885-3.694l-.423-4.325q-.154-1.14.048-2.515t.682-2.553l-2.634 1.556V13q0 .214-.144.357t-.356.143t-.357-.143T6.635 13v-2.971q0-.217.096-.407t.288-.295l3.708-2.2q.452-.254.809-.393q.356-.14.66-.14q.529 0 .965.403t.937 1.245q.8 1.35 1.498 2.044q.698.695 1.698 1.314q.179-.258.447-.39q.267-.133.6-.133q.586 0 .978.392t.393.954v9.885q0 .161-.112.273t-.273.111t-.273-.111t-.112-.273v-9.885q0-.238-.169-.407q-.17-.17-.408-.17t-.407.17t-.17.407v.654q0 .162-.111.273t-.273.112t-.273-.112"/></svg>

Elderly Rounded アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols-light:elderly-rounded" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols-light:elderly-rounded" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols-light:elderly-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--elderly-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:elderly-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:elderly-rounded"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/elderly-rounded.svg" alt="Elderly Rounded アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Elderly Rounded アイコン

Elderly Rounded アイコン のよくある質問

Elderly Rounded アイコンは商用利用でも無料ですか?

はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Elderly Rounded アイコンを使うには?

@iconify/react をインストールして <Icon icon="material-symbols-light:elderly-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Elderly Rounded アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/elderly-rounded.svg" alt="Elderly Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Material Symbols Light アイコン をすべて見る →