Humerus Alt Outline アイコン
material-symbols-light:humerus-alt-outline
Humerus Alt Outline アイコン(material-symbols-light:humerus-alt-outline)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャル
- タグ
- humerusalt、altoutline、humerusaltoutline、humerus alt outline sharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.808 15.5q.31 0 .539-.23t.23-.54v-.09q0-.04-.025-.09q.058.039.115.048q.058.01.116.01q.31 0 .542-.23t.233-.54t-.23-.539t-.54-.23q-.2 0-.358.097q-.159.098-.264.242l-2.595-2.92q.183-.086.306-.264T8 9.827q0-.31-.23-.54t-.54-.23t-.539.23t-.23.54q0 .05.01.08q.01.032.015.082q-.057-.039-.115-.048t-.115-.01q-.31 0-.543.23q-.232.23-.232.539t.23.54t.539.23q.206 0 .374-.098q.168-.097.274-.266l2.614 2.938q-.208.068-.34.258q-.134.19-.134.429q0 .31.23.54t.54.229m-7.135-3.436l.58-.827l7.4 6.982q.359.333.808.509q.448.176.914.176q.377 0 .72-.097q.341-.097.624-.28l7.762-4.9v1.12l-7.25 4.57q-.417.262-.888.405q-.47.144-.993.144q-.654 0-1.267-.25q-.614-.249-1.112-.716zm4.444-5.998l.575-.816q1.914 1.04 3.418 2.749t2.073 3.497q1.034-1.258 2.103-1.897t3.249-1.222q.919-.248 1.622-.48q.703-.234 1.324-.513v1.027q-.598.237-1.25.449q-.65.211-1.421.423q-2.216.588-3.32 1.311q-1.105.723-2.063 2.245q-.067.084-.167.151q-.1.068-.26.068q-.158 0-.288-.11q-.131-.11-.168-.28q-.45-1.862-1.954-3.687T7.117 6.065m-3.863 5.171q1.646 1.56 3.68 3.473t3.72 3.51q.358.333.807.509q.448.176.914.176q.377 0 .72-.097q.341-.097.624-.28q1.672-1.052 3.847-2.424t3.915-2.476l-7.762 4.9q-.282.183-.625.28q-.342.097-.719.097q-.465 0-.914-.176q-.45-.176-.807-.509z"/></svg>Humerus Alt Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:humerus-alt-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:humerus-alt-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:humerus-alt-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--humerus-alt-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:humerus-alt-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:humerus-alt-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/humerus-alt-outline.svg" alt="Humerus Alt Outline アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Humerus Alt Outline アイコン
Humerus Alt Outline アイコン のよくある質問
Humerus Alt Outline アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Humerus Alt Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:humerus-alt-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Humerus Alt Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/humerus-alt-outline.svg" alt="Humerus Alt Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。