test tube icon

test-tube-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: test-tube-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

test-tube test-tube-duotone test-tube-fill test-tube-light test-tube-thin

The same icon in other sets

test-tubeBoxIcons v2 test-tubeFluent Emoji test-tubeFluent Emoji Flat test-tubeFluent Emoji High Contrast test-tubeHuge Icons test-tubeIconPark test-tubeIconPark Outline test-tubeIconPark Solid test-tubeIconPark TwoTone test-tubeIconoir test-tubeLucide test-tubeMaterial Design Icons test-tube-fillMingCute Icon test-tubeNoto Emoji test-tubeOpenMoji test-tubePixelarticons test-tube-fillRemix Icon test-tube-boldSolar test-tubeTwitter Emoji

Use the test tube icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m240.49 83.51l-60-60a12 12 0 0 0-17 0L34.28 152.75a48.77 48.77 0 0 0 69 69l111.2-111.26l21.31-7.11a12 12 0 0 0 4.7-19.87M86.28 204.75a24.77 24.77 0 0 1-35-35l28.13-28.13c7.73-2.41 19.58-3 35.06 5a84 84 0 0 0 21.95 8ZM204.2 88.62a12.15 12.15 0 0 0-4.69 2.89l-38.89 38.9c-7.73 2.41-19.58 3-35.06-5a84 84 0 0 0-21.94-8L172 49l37.79 37.79Z"/></svg>

React

import type { SVGProps } from "react";

export function PhTestTubeBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m240.49 83.51l-60-60a12 12 0 0 0-17 0L34.28 152.75a48.77 48.77 0 0 0 69 69l111.2-111.26l21.31-7.11a12 12 0 0 0 4.7-19.87M86.28 204.75a24.77 24.77 0 0 1-35-35l28.13-28.13c7.73-2.41 19.58-3 35.06 5a84 84 0 0 0 21.95 8ZM204.2 88.62a12.15 12.15 0 0 0-4.69 2.89l-38.89 38.9c-7.73 2.41-19.58 3-35.06-5a84 84 0 0 0-21.94-8L172 49l37.79 37.79Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m240.49 83.51l-60-60a12 12 0 0 0-17 0L34.28 152.75a48.77 48.77 0 0 0 69 69l111.2-111.26l21.31-7.11a12 12 0 0 0 4.7-19.87M86.28 204.75a24.77 24.77 0 0 1-35-35l28.13-28.13c7.73-2.41 19.58-3 35.06 5a84 84 0 0 0 21.95 8ZM204.2 88.62a12.15 12.15 0 0 0-4.69 2.89l-38.89 38.9c-7.73 2.41-19.58 3-35.06-5a84 84 0 0 0-21.94-8L172 49l37.79 37.79Z"/></svg>
</template>

CSS

.icon-test-tube-bold {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m240.49%2083.51l-60-60a12%2012%200%200%200-17%200L34.28%20152.75a48.77%2048.77%200%200%200%2069%2069l111.2-111.26l21.31-7.11a12%2012%200%200%200%204.7-19.87M86.28%20204.75a24.77%2024.77%200%200%201-35-35l28.13-28.13c7.73-2.41%2019.58-3%2035.06%205a84%2084%200%200%200%2021.95%208ZM204.2%2088.62a12.15%2012.15%200%200%200-4.69%202.89l-38.89%2038.9c-7.73%202.41-19.58%203-35.06-5a84%2084%200%200%200-21.94-8L172%2049l37.79%2037.79Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m240.49%2083.51l-60-60a12%2012%200%200%200-17%200L34.28%20152.75a48.77%2048.77%200%200%200%2069%2069l111.2-111.26l21.31-7.11a12%2012%200%200%200%204.7-19.87M86.28%20204.75a24.77%2024.77%200%200%201-35-35l28.13-28.13c7.73-2.41%2019.58-3%2035.06%205a84%2084%200%200%200%2021.95%208ZM204.2%2088.62a12.15%2012.15%200%200%200-4.69%202.89l-38.89%2038.9c-7.73%202.41-19.58%203-35.06-5a84%2084%200%200%200-21.94-8L172%2049l37.79%2037.79Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/test-tube-bold.svg?color=%231a73e8&size=48