ICONYZ
日本語
Medical Icons の Laboratory アイコン

Laboratory アイコン

medical-icon:laboratory

Laboratory アイコン(medical-icon:laboratory)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M22.773 15.418v12.124a1.643 1.643 0 0 1-1.627 1.663a1.665 1.665 0 0 1-1.655-1.663V15.418h-3.17v12.124c0 .916-.723 1.659-1.629 1.663a1.665 1.665 0 0 1-1.655-1.663V15.418H9.991v15.763h15.788V15.418h-3.005z"/><path fill="currentColor" d="M55.428.423H8.643C4.058.423.329 4.153.329 8.738V55.52c0 4.586 3.73 8.315 8.314 8.315h46.785c4.584 0 8.314-3.729 8.314-8.315V8.738c0-4.585-3.729-8.315-8.314-8.315M8.381 32.788V13.811h4.655v-3.788h-.501l-.008-.908h4.252l.005.908h-.464v3.788h3.17v-3.788h-.501l-.006-.908h4.249l.007.908h-.466v3.788h4.613v18.977zm17.428 5.185l11.628 6.717l-1.15 1.994l-11.631-6.717zM54.698 55.28H26.104v-4.772h10.158c6.95 0 12.607-5.654 12.607-12.604c0-4.394-2.281-8.364-5.835-10.63l-5.797 10.04l-1.203-.695l-1.71 2.959l-3.029-1.749l1.71-2.957l-1.204-.695l13.786-23.881l.927.535l1.387-2.401l3.626 2.094l-1.383 2.405l.881.508l-5.608 9.707c5.006 3.105 8.225 8.633 8.225 14.762c0 4.975-2.128 9.432-5.487 12.604h6.544v4.772z"/></svg>

Laboratory アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="medical-icon:laboratory"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/medical-icon/laboratory.svg" alt="Laboratory アイコン" width="24" height="24">

他のアイコンセットの Laboratory アイコン

Laboratory アイコン のよくある質問

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

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

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

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

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

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

Medical Icons をすべて見る →