thermometer icon
thermometer from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- thermometer
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
The same icon in other sets
All thermometer icons →thermometerBoxIcons v2 SolidthermometerEmoji One (Colored)thermometer-fillEva IconsthermometerFramework7 IconsthermometerFont Awesome 6 SolidthermometerFont Awesome SolidthermometerFeather IconsthermometerFluent EmojithermometerFluent Emoji FlatthermometerFluent Emoji High ContrastthermometerFirefox OS Emojithermometercss.ggthermometerHealth IconsthermometerHuge IconsthermometerIconParkthermometerIconPark OutlinethermometerIconPark SolidthermometerIconPark TwoTonethermometerIonIconsthermometerKeyline IconsthermometerLine AwesomethermometerLucidethermometerMaterial SymbolsthermometerMaterial Symbols Light
Related icons in Bootstrap Icons
Use the thermometer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8 14a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3"/><path d="M8 0a2.5 2.5 0 0 0-2.5 2.5v7.55a3.5 3.5 0 1 0 5 0V2.5A2.5 2.5 0 0 0 8 0M6.5 2.5a1.5 1.5 0 1 1 3 0v7.987l.167.15a2.5 2.5 0 1 1-3.333 0l.166-.15z"/></g></svg>
React
import type { SVGProps } from "react";
export function BiThermometer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8 14a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3"/><path d="M8 0a2.5 2.5 0 0 0-2.5 2.5v7.55a3.5 3.5 0 1 0 5 0V2.5A2.5 2.5 0 0 0 8 0M6.5 2.5a1.5 1.5 0 1 1 3 0v7.987l.167.15a2.5 2.5 0 1 1-3.333 0l.166-.15z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8 14a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3"/><path d="M8 0a2.5 2.5 0 0 0-2.5 2.5v7.55a3.5 3.5 0 1 0 5 0V2.5A2.5 2.5 0 0 0 8 0M6.5 2.5a1.5 1.5 0 1 1 3 0v7.987l.167.15a2.5 2.5 0 1 1-3.333 0l.166-.15z"/></g></svg> </template>
CSS
.icon-thermometer {
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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8%2014a1.5%201.5%200%201%200%200-3a1.5%201.5%200%200%200%200%203%22%2F%3E%3Cpath%20d%3D%22M8%200a2.5%202.5%200%200%200-2.5%202.5v7.55a3.5%203.5%200%201%200%205%200V2.5A2.5%202.5%200%200%200%208%200M6.5%202.5a1.5%201.5%200%201%201%203%200v7.987l.167.15a2.5%202.5%200%201%201-3.333%200l.166-.15z%22%2F%3E%3C%2Fg%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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8%2014a1.5%201.5%200%201%200%200-3a1.5%201.5%200%200%200%200%203%22%2F%3E%3Cpath%20d%3D%22M8%200a2.5%202.5%200%200%200-2.5%202.5v7.55a3.5%203.5%200%201%200%205%200V2.5A2.5%202.5%200%200%200%208%200M6.5%202.5a1.5%201.5%200%201%201%203%200v7.987l.167.15a2.5%202.5%200%201%201-3.333%200l.166-.15z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/thermometer.svg?color=%231a73e8&size=48
