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 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 コードをページに直接貼り付けます。