Test Tube アイコン
twemoji:test-tube
Test Tube アイコン(twemoji:test-tube)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 物
- タグ
- testtube
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M14.563 14.414L25.47 3.505l6.961 6.962l-10.908 10.908z"/><path fill="#68e090" d="M8.103 34.399C2.5 34 1.5 30.062 1.635 27.932c.322-5.07 15.601-16.551 15.601-16.551l12.517 1.93c.001 0-17.389 21.392-21.65 21.088"/><path fill="#8899a6" d="M32.326 3.708C29.405.787 26.104-.649 24.954.502c-.013.013-.022.031-.034.044c-.006.006-.015.008-.021.014L2.295 23.164a7.43 7.43 0 0 0-2.19 5.288c0 1.997.778 3.875 2.19 5.287a7.43 7.43 0 0 0 5.288 2.19a7.43 7.43 0 0 0 5.287-2.189l22.604-22.604c.007-.007.009-.016.015-.023c.013-.012.03-.02.043-.033c1.151-1.15-.285-4.451-3.206-7.372M10.75 31.619c-.846.846-1.97 1.311-3.166 1.311s-2.321-.466-3.167-1.312a4.45 4.45 0 0 1-1.312-3.167c0-1.196.466-2.32 1.311-3.166L25.412 4.29c.622 1.144 1.56 2.394 2.749 3.584s2.44 2.127 3.584 2.749z"/><path fill="#17bf63" d="M29.196 13.144c-.058.379-2.627.751-5.691.343s-5.482-1.223-5.403-1.82s2.627-.751 5.691-.343s5.495 1.224 5.403 1.82M10.84 23.247a.794.794 0 1 1-1.123-1.124a.794.794 0 0 1 1.123 1.124m3.317 2.615a1.298 1.298 0 1 1-1.835-1.836a1.298 1.298 0 0 1 1.835 1.836m1.677-5.324a1.222 1.222 0 0 1-1.726-1.726a1.22 1.22 0 1 1 1.726 1.726m-6.868 8.858a1.489 1.489 0 1 1-2.105-2.106a1.489 1.489 0 0 1 2.105 2.106m11.396-9.158a1.058 1.058 0 1 1-1.496-1.497a1.058 1.058 0 0 1 1.496 1.497m-1.207-4.288a.693.693 0 1 1-.979-.98a.693.693 0 0 1 .979.98"/><ellipse cx="30.817" cy="5.223" fill="#ccd6dd" rx="1.184" ry="4.847" transform="rotate(-45.001 30.817 5.223)"/></svg>
Test Tube アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:test-tube" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:test-tube" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:test-tube" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--test-tube]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:test-tube"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:test-tube"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/test-tube.svg" alt="Test Tube アイコン" width="24" height="24">
他のアイコンセットの Test Tube アイコン
Test Tube アイコン のよくある質問
Test Tube アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Test Tube アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:test-tube" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Test Tube アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/test-tube.svg" alt="Test Tube アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
