ICONYZ
日本語
Medical Icons の I Medical Records アイコン

I Medical Records アイコン

medical-icon:i-medical-records

I Medical Records アイコン(medical-icon:i-medical-records)は、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
タグ
imedical、medicalrecords、imedicalrecords、record
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M3.094 5.96v13.217H1.116a.677.677 0 0 1-.678-.678V1.443C.438.866.868.396 1.459.396h8.739c.589 0 1.022.468 1.022 1.045v1.002h13.512c.376 0 .678.303.678.676v3.836H13.876V5.951c0-.576-.43-1.045-1.023-1.045H4.118c-.593.001-1.023.476-1.023 1.055z"/><path fill="currentColor" d="M30.722 27.182a.675.675 0 0 1-.678.676H6.429a.675.675 0 0 1-.678-.676V10.125c0-.577.43-1.047 1.021-1.047h8.737c.591 0 1.024.468 1.024 1.045v1.002h13.511c.376 0 .678.303.678.676v15.382zm-10.473-9.71v-4.024h-4.024v4.024H12.2v4.024h4.025v4.023h4.024v-4.023h4.022v-4.024zm15.3-6.494v51.505h28.307V10.978zM62.08 55.197H37.318V35.743H62.08zm0-22.945H37.318V12.801H62.08z"/><path fill="currentColor" d="M60.283 14.46H39.094v16.143h21.189zm-7.144 5.411h-6.977a.983.983 0 0 1 0-1.966h6.977a.983.983 0 1 1 0 1.966m7.157 17.527H39.11v16.14h21.186zm-7.157 5.416h-6.977a.984.984 0 0 1 0-1.968h6.977a.984.984 0 1 1 0 1.968"/></svg>

I Medical Records アイコンの使い方

React

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

<Icon icon="medical-icon:i-medical-records" width="24" />

Vue

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

<template>
  <Icon icon="medical-icon:i-medical-records" width="24" />
</template>

Svelte

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

<Icon icon="medical-icon:i-medical-records" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[medical-icon--i-medical-records]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/medical-icon -->
<div class="i-medical-icon:i-medical-records"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="medical-icon:i-medical-records"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/medical-icon/i-medical-records.svg" alt="I Medical Records アイコン" width="24" height="24">

Medical Icons の関連アイコン

I Medical Records アイコン のよくある質問

I Medical Records アイコンは商用利用でも無料ですか?

はい。Medical Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で I Medical Records アイコンを使うには?

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

I Medical Records アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/medical-icon/i-medical-records.svg" alt="I Medical Records アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Medical Icons をすべて見る →