Inpatient アイコン
medical-icon:inpatient
Inpatient アイコン(medical-icon:inpatient)は、Medical Icons セットの無料 SVG アイコンです(作者: Samuel Frémondière)。 64 × 64 のグリッドで描かれています。 Medical Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Medical Icons
- 作者
- Samuel Frémondière
- ライセンス
- MIT
- サイズ
- 64 × 64
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M15.765 18.934a5.05 5.05 0 0 0 5.046-5.045a5.053 5.053 0 0 0-5.046-5.045a5.05 5.05 0 0 0-5.04 5.045a5.047 5.047 0 0 0 5.04 5.045m-.174-8.942c.278 0 .504.225.504.504v3.022l2.584-1.217c.25-.12.55-.012.669.239a.505.505 0 0 1-.241.671L15.8 14.774a.5.5 0 0 1-.483-.036a.5.5 0 0 1-.224-.348l-.007-3.895c0-.279.227-.504.504-.504zm21.797.327h.936v-.937h.937v-.935h-.937v-.936h-.936v.936h-.936v.935h.936z"/><path fill="currentColor" d="M55.552.406H8.764C4.181.406.452 4.136.452 8.722v46.782c0 4.586 3.73 8.316 8.312 8.316h46.788c4.584 0 8.316-3.729 8.316-8.316V8.722c0-4.585-3.731-8.316-8.316-8.316M37.861 7.142c1.337 0 3.525.562 4.742 1.895l-1.641 3.152a3.91 3.91 0 0 0-3.101-1.523a3.9 3.9 0 0 0-3.074 1.492l-1.674-3.052c1.409-1.41 3.356-1.965 4.748-1.965zm3.005 7.645a3.012 3.012 0 1 1-6.024-.002a3.012 3.012 0 0 1 6.024.002m-9.507 6.555c.275-.965 1.495-2.673 3.6-2.684l5.866.004c2.059.051 3.253 1.727 3.527 2.68l2.575 8.42h-2.558l-1.941-6.46h-1.345l1.872 6.459H32.74l1.886-6.459h-1.345l-1.89 6.46h-2.596l2.565-8.42zm-7.526 10.76l23.172-.007c1.411 0 2.55 1.105 2.562 2.505l.005 6.764H23.833zM15.766 7.187a6.71 6.71 0 0 1 6.704 6.704c0 3.697-3.009 6.702-6.704 6.702a6.706 6.706 0 0 1-6.7-6.702c0-3.697 3.003-6.704 6.7-6.704m3.472 30.076a3.206 3.206 0 1 1 0-6.409a3.204 3.204 0 1 1 0 6.409m3.208 2.519c0 .871-.707 1.578-1.578 1.578h-4.56a1.575 1.575 0 0 1-1.576-1.578c0-.87.702-1.577 1.576-1.577h4.56c.871 0 1.578.707 1.578 1.577m32.828 15.283h-4.177v-7.054H13.594v7.054H9.378V28.476c0-1.152.907-2.087 2.057-2.087v-.002c1.154 0 2.159.937 2.159 2.088v14.486h37.503V32.695a2.09 2.09 0 0 1 2.093-2.087c1.153 0 2.084.936 2.084 2.087z"/></svg>Inpatient アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="medical-icon:inpatient" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="medical-icon:inpatient" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="medical-icon:inpatient" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[medical-icon--inpatient]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/medical-icon -->
<div class="i-medical-icon:inpatient"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="medical-icon:inpatient"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/medical-icon/inpatient.svg" alt="Inpatient アイコン" width="24" height="24">他のアイコンセットの Inpatient アイコン
Inpatient アイコン のよくある質問
Inpatient アイコンは商用利用でも無料ですか?
はい。Medical Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Inpatient アイコンを使うには?
@iconify/react をインストールして <Icon icon="medical-icon:inpatient" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Inpatient アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/medical-icon/inpatient.svg" alt="Inpatient アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。