Test Tube アイコン

Q: Test Tube アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:test-tube

Test Tube アイコン(openmoji:test-tube)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 物
タグ: testtube

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="m30.059 30.029l.049-11.857s4.033 2.187 10.642.291l.194 11.76s-7.58 2.187-10.885-.194"/><ellipse cx="35.72" cy="15.207" fill="#fff" rx="6.53" ry="2.583"/><path fill="#5c9e31" d="m41.388 31.72l.114 21.129c.002 3.593-2.876 5.58-5.81 5.91c-.003 0-.156-.043-.597-.032c-.6.015-.572-.05-1.149-.217c-2.211-.82-3.749-2.558-4.238-5.422L29.65 30.86l.055.054c1.962.916 3.682 1.344 5.846 1.293a16 16 0 0 0 2.959-.26l.225-.035c1.072-.192 1.136.092 2.113-.39z"/><path fill="#b1cc33" d="M29.67 30.854c1.962.915 2.732 1.405 4.896 1.354c.993.005 1.983-.082 2.96-.26V52.92c.002 2.912-2.333 5.652-4.735 4.904c-1.961-1.433-2.768-1.583-3.208-4.55z"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M42.06 16.937v35.43a6.8 6.8 0 0 1-6.51 7.063a6.8 6.8 0 0 1-6.51-7.063V17.286"/><ellipse cx="35.543" cy="15.224" stroke-miterlimit="10" rx="7.393" ry="3.137"/><path stroke-linecap="round" stroke-linejoin="round" d="M42.06 29.84v23.08a6.506 6.506 0 0 1-6.502 6.51h-.008a6.3 6.3 0 0 1-1.775-.249a6.5 6.5 0 0 1-4.735-6.261V29.84"/><path stroke-linecap="round" stroke-linejoin="round" d="M29.277 30.894a14.05 14.05 0 0 0 6.273 1.314c.992.005 1.983-.082 2.959-.26l.225-.036a11.6 11.6 0 0 0 3.089-1.018"/></g></svg>

Test Tube アイコンの使い方

React

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

<Icon icon="openmoji:test-tube" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:test-tube" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:test-tube" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--test-tube]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:test-tube"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:test-tube"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/test-tube.svg" alt="Test Tube アイコン" width="24" height="24">

他のアイコンセットの Test Tube アイコン

Test Tube アイコンのよくある質問

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

OpenMoji アイコンをすべて見る →