ICONYZ
日本語
Health Icons の Biochemistry Laboratory アイコン

Biochemistry Laboratory アイコン

healthicons:biochemistry-laboratory

Biochemistry Laboratory アイコン(healthicons:biochemistry-laboratory)は、Health Icons セットの無料 SVG アイコンです(作者: Resolve to Save Lives)。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Health Icons
作者
Resolve to Save Lives
ライセンス
MIT
サイズ
48 × 48
カテゴリ
専門分野
タグ
biochemistrylaboratory
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M9 6a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3zm27 5c0 2.689-1.718 4.158-4 5.679c-1.257-.838-2.343-1.66-3.065-2.679H33a1 1 0 1 0 0-2h-4.914A5.6 5.6 0 0 1 28 11h-2c0 3.411 2.077 5.381 4.188 6.865c-.831.558-1.657 1.163-2.338 1.856C26.778 20.81 26 22.174 26 24s.778 3.19 1.85 4.28c.681.692 1.507 1.297 2.338 1.855C28.078 31.619 26 33.589 26 37h2c0-2.689 1.718-4.158 4-5.678c1.257.837 2.343 1.659 3.065 2.678H31a1 1 0 1 0 0 2h4.914q.085.47.086 1h2c0-3.411-2.077-5.381-4.188-6.865c.831-.558 1.657-1.163 2.338-1.856C37.222 27.19 38 25.826 38 24s-.778-3.19-1.85-4.28c-.681-.692-1.507-1.297-2.338-1.855C35.922 16.381 38 14.411 38 11zm-6.6 10c.704-.682 1.596-1.28 2.6-1.933c1.004.653 1.897 1.251 2.6 1.933zm-1.272 2Q28 23.464 28 24q.001.536.128 1h7.744q.127-.464.128-1q-.001-.536-.128-1zM32 28.933c-1.004-.653-1.896-1.251-2.6-1.933h5.2c-.703.682-1.596 1.28-2.6 1.933M13 17a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1v4.048l4.231 6.85c1.646 2.665-.27 6.102-3.403 6.102h-6.656c-3.132 0-5.05-3.437-3.403-6.102L15 24.048V20h-1a1 1 0 0 1-1-1z" clip-rule="evenodd"/></svg>

Biochemistry Laboratory アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="healthicons:biochemistry-laboratory"></iconify-icon>

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →