thermometer icon
thermometer from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- thermometer
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
All thermometer icons →thermometerBootstrap IconsthermometerBoxIcons v2 SolidthermometerEmoji One (Colored)thermometer-fillEva 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 Framework7 Icons
Use the thermometer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M25.012 54.04c6.75 0 12.234-5.485 12.234-12.235c0-3.563-1.476-6.68-4.266-9.211c-.515-.469-.632-.727-.632-1.43l.047-21.047c0-4.898-2.977-8.156-7.383-8.156c-4.43 0-7.407 3.258-7.407 8.156l.024 21.047c0 .703-.117.961-.61 1.43c-2.812 2.531-4.265 5.648-4.265 9.21c0 6.75 5.46 12.235 12.258 12.235m0-3.4c-4.875 0-8.836-3.984-8.836-8.835c0-2.93 1.383-5.578 3.867-7.242c.727-.493 1.008-.938 1.008-1.899V10.258c0-2.953 1.617-4.852 3.96-4.852c2.321 0 3.915 1.899 3.915 4.852v22.406c0 .961.281 1.406 1.008 1.898c2.484 1.665 3.867 4.313 3.867 7.243c0 4.851-3.938 8.836-8.79 8.836m11.742-40.077h5.11a1.35 1.35 0 0 0 1.382-1.36a1.35 1.35 0 0 0-1.383-1.36h-5.11a1.35 1.35 0 0 0-1.382 1.36c0 .727.563 1.36 1.383 1.36m0 6.585h5.11a1.35 1.35 0 0 0 1.382-1.359a1.35 1.35 0 0 0-1.383-1.36h-5.11a1.35 1.35 0 0 0-1.382 1.36c0 .727.563 1.36 1.383 1.36M24.988 47.478a5.667 5.667 0 0 0 5.672-5.696c0-2.203-1.242-4.008-3.047-4.992c-.75-.398-1.008-.68-1.008-1.828V22.516c0-1.22-.703-1.946-1.617-1.946c-.89 0-1.617.727-1.617 1.946V34.96c0 1.148-.258 1.43-1.008 1.828c-1.804.984-3.047 2.79-3.047 4.992a5.667 5.667 0 0 0 5.672 5.696m11.766-23.743h5.11a1.35 1.35 0 0 0 1.382-1.359a1.37 1.37 0 0 0-1.383-1.383h-5.11a1.37 1.37 0 0 0-1.382 1.383c0 .727.563 1.36 1.383 1.36m0 6.586h5.11a1.37 1.37 0 0 0 1.382-1.383a1.35 1.35 0 0 0-1.383-1.359h-5.11a1.35 1.35 0 0 0-1.382 1.36a1.37 1.37 0 0 0 1.383 1.382"/></svg>
React
import type { SVGProps } from "react";
export function F7Thermometer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M25.012 54.04c6.75 0 12.234-5.485 12.234-12.235c0-3.563-1.476-6.68-4.266-9.211c-.515-.469-.632-.727-.632-1.43l.047-21.047c0-4.898-2.977-8.156-7.383-8.156c-4.43 0-7.407 3.258-7.407 8.156l.024 21.047c0 .703-.117.961-.61 1.43c-2.812 2.531-4.265 5.648-4.265 9.21c0 6.75 5.46 12.235 12.258 12.235m0-3.4c-4.875 0-8.836-3.984-8.836-8.835c0-2.93 1.383-5.578 3.867-7.242c.727-.493 1.008-.938 1.008-1.899V10.258c0-2.953 1.617-4.852 3.96-4.852c2.321 0 3.915 1.899 3.915 4.852v22.406c0 .961.281 1.406 1.008 1.898c2.484 1.665 3.867 4.313 3.867 7.243c0 4.851-3.938 8.836-8.79 8.836m11.742-40.077h5.11a1.35 1.35 0 0 0 1.382-1.36a1.35 1.35 0 0 0-1.383-1.36h-5.11a1.35 1.35 0 0 0-1.382 1.36c0 .727.563 1.36 1.383 1.36m0 6.585h5.11a1.35 1.35 0 0 0 1.382-1.359a1.35 1.35 0 0 0-1.383-1.36h-5.11a1.35 1.35 0 0 0-1.382 1.36c0 .727.563 1.36 1.383 1.36M24.988 47.478a5.667 5.667 0 0 0 5.672-5.696c0-2.203-1.242-4.008-3.047-4.992c-.75-.398-1.008-.68-1.008-1.828V22.516c0-1.22-.703-1.946-1.617-1.946c-.89 0-1.617.727-1.617 1.946V34.96c0 1.148-.258 1.43-1.008 1.828c-1.804.984-3.047 2.79-3.047 4.992a5.667 5.667 0 0 0 5.672 5.696m11.766-23.743h5.11a1.35 1.35 0 0 0 1.382-1.359a1.37 1.37 0 0 0-1.383-1.383h-5.11a1.37 1.37 0 0 0-1.382 1.383c0 .727.563 1.36 1.383 1.36m0 6.586h5.11a1.37 1.37 0 0 0 1.382-1.383a1.35 1.35 0 0 0-1.383-1.359h-5.11a1.35 1.35 0 0 0-1.382 1.36a1.37 1.37 0 0 0 1.383 1.382"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M25.012 54.04c6.75 0 12.234-5.485 12.234-12.235c0-3.563-1.476-6.68-4.266-9.211c-.515-.469-.632-.727-.632-1.43l.047-21.047c0-4.898-2.977-8.156-7.383-8.156c-4.43 0-7.407 3.258-7.407 8.156l.024 21.047c0 .703-.117.961-.61 1.43c-2.812 2.531-4.265 5.648-4.265 9.21c0 6.75 5.46 12.235 12.258 12.235m0-3.4c-4.875 0-8.836-3.984-8.836-8.835c0-2.93 1.383-5.578 3.867-7.242c.727-.493 1.008-.938 1.008-1.899V10.258c0-2.953 1.617-4.852 3.96-4.852c2.321 0 3.915 1.899 3.915 4.852v22.406c0 .961.281 1.406 1.008 1.898c2.484 1.665 3.867 4.313 3.867 7.243c0 4.851-3.938 8.836-8.79 8.836m11.742-40.077h5.11a1.35 1.35 0 0 0 1.382-1.36a1.35 1.35 0 0 0-1.383-1.36h-5.11a1.35 1.35 0 0 0-1.382 1.36c0 .727.563 1.36 1.383 1.36m0 6.585h5.11a1.35 1.35 0 0 0 1.382-1.359a1.35 1.35 0 0 0-1.383-1.36h-5.11a1.35 1.35 0 0 0-1.382 1.36c0 .727.563 1.36 1.383 1.36M24.988 47.478a5.667 5.667 0 0 0 5.672-5.696c0-2.203-1.242-4.008-3.047-4.992c-.75-.398-1.008-.68-1.008-1.828V22.516c0-1.22-.703-1.946-1.617-1.946c-.89 0-1.617.727-1.617 1.946V34.96c0 1.148-.258 1.43-1.008 1.828c-1.804.984-3.047 2.79-3.047 4.992a5.667 5.667 0 0 0 5.672 5.696m11.766-23.743h5.11a1.35 1.35 0 0 0 1.382-1.359a1.37 1.37 0 0 0-1.383-1.383h-5.11a1.37 1.37 0 0 0-1.382 1.383c0 .727.563 1.36 1.383 1.36m0 6.586h5.11a1.37 1.37 0 0 0 1.382-1.383a1.35 1.35 0 0 0-1.383-1.359h-5.11a1.35 1.35 0 0 0-1.382 1.36a1.37 1.37 0 0 0 1.383 1.382"/></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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M25.012%2054.04c6.75%200%2012.234-5.485%2012.234-12.235c0-3.563-1.476-6.68-4.266-9.211c-.515-.469-.632-.727-.632-1.43l.047-21.047c0-4.898-2.977-8.156-7.383-8.156c-4.43%200-7.407%203.258-7.407%208.156l.024%2021.047c0%20.703-.117.961-.61%201.43c-2.812%202.531-4.265%205.648-4.265%209.21c0%206.75%205.46%2012.235%2012.258%2012.235m0-3.4c-4.875%200-8.836-3.984-8.836-8.835c0-2.93%201.383-5.578%203.867-7.242c.727-.493%201.008-.938%201.008-1.899V10.258c0-2.953%201.617-4.852%203.96-4.852c2.321%200%203.915%201.899%203.915%204.852v22.406c0%20.961.281%201.406%201.008%201.898c2.484%201.665%203.867%204.313%203.867%207.243c0%204.851-3.938%208.836-8.79%208.836m11.742-40.077h5.11a1.35%201.35%200%200%200%201.382-1.36a1.35%201.35%200%200%200-1.383-1.36h-5.11a1.35%201.35%200%200%200-1.382%201.36c0%20.727.563%201.36%201.383%201.36m0%206.585h5.11a1.35%201.35%200%200%200%201.382-1.359a1.35%201.35%200%200%200-1.383-1.36h-5.11a1.35%201.35%200%200%200-1.382%201.36c0%20.727.563%201.36%201.383%201.36M24.988%2047.478a5.667%205.667%200%200%200%205.672-5.696c0-2.203-1.242-4.008-3.047-4.992c-.75-.398-1.008-.68-1.008-1.828V22.516c0-1.22-.703-1.946-1.617-1.946c-.89%200-1.617.727-1.617%201.946V34.96c0%201.148-.258%201.43-1.008%201.828c-1.804.984-3.047%202.79-3.047%204.992a5.667%205.667%200%200%200%205.672%205.696m11.766-23.743h5.11a1.35%201.35%200%200%200%201.382-1.359a1.37%201.37%200%200%200-1.383-1.383h-5.11a1.37%201.37%200%200%200-1.382%201.383c0%20.727.563%201.36%201.383%201.36m0%206.586h5.11a1.37%201.37%200%200%200%201.382-1.383a1.35%201.35%200%200%200-1.383-1.359h-5.11a1.35%201.35%200%200%200-1.382%201.36a1.37%201.37%200%200%200%201.383%201.382%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M25.012%2054.04c6.75%200%2012.234-5.485%2012.234-12.235c0-3.563-1.476-6.68-4.266-9.211c-.515-.469-.632-.727-.632-1.43l.047-21.047c0-4.898-2.977-8.156-7.383-8.156c-4.43%200-7.407%203.258-7.407%208.156l.024%2021.047c0%20.703-.117.961-.61%201.43c-2.812%202.531-4.265%205.648-4.265%209.21c0%206.75%205.46%2012.235%2012.258%2012.235m0-3.4c-4.875%200-8.836-3.984-8.836-8.835c0-2.93%201.383-5.578%203.867-7.242c.727-.493%201.008-.938%201.008-1.899V10.258c0-2.953%201.617-4.852%203.96-4.852c2.321%200%203.915%201.899%203.915%204.852v22.406c0%20.961.281%201.406%201.008%201.898c2.484%201.665%203.867%204.313%203.867%207.243c0%204.851-3.938%208.836-8.79%208.836m11.742-40.077h5.11a1.35%201.35%200%200%200%201.382-1.36a1.35%201.35%200%200%200-1.383-1.36h-5.11a1.35%201.35%200%200%200-1.382%201.36c0%20.727.563%201.36%201.383%201.36m0%206.585h5.11a1.35%201.35%200%200%200%201.382-1.359a1.35%201.35%200%200%200-1.383-1.36h-5.11a1.35%201.35%200%200%200-1.382%201.36c0%20.727.563%201.36%201.383%201.36M24.988%2047.478a5.667%205.667%200%200%200%205.672-5.696c0-2.203-1.242-4.008-3.047-4.992c-.75-.398-1.008-.68-1.008-1.828V22.516c0-1.22-.703-1.946-1.617-1.946c-.89%200-1.617.727-1.617%201.946V34.96c0%201.148-.258%201.43-1.008%201.828c-1.804.984-3.047%202.79-3.047%204.992a5.667%205.667%200%200%200%205.672%205.696m11.766-23.743h5.11a1.35%201.35%200%200%200%201.382-1.359a1.37%201.37%200%200%200-1.383-1.383h-5.11a1.37%201.37%200%200%200-1.382%201.383c0%20.727.563%201.36%201.383%201.36m0%206.586h5.11a1.37%201.37%200%200%200%201.382-1.383a1.35%201.35%200%200%200-1.383-1.359h-5.11a1.35%201.35%200%200%200-1.382%201.36a1.37%201.37%200%200%200%201.383%201.382%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/thermometer.svg?color=%231a73e8&size=48
