temperature half icon

temperature-half-duotone from Keyline Icons by Keyline Icons · Duotone · MIT Free for personal and commercial use.

Name
temperature-half-duotone
Set
Keyline Icons
Style
Duotone
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

temperature-halftemperature-half-filltemperature-half-sharptemperature-half-sharp-duotonetemperature-half-sharp-filltemperature-half-sharp-two-tonetemperature-half-two-tone

The same icon in other sets

temperature-halfFont Awesome 6 Solidtemperature-halfFont Awesome Solidtemperature-halfUnicons

Related icons in Keyline Icons

temperature-emptytemperature-fulltemperature-hightemperature-quarter

Use the temperature half icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M7 6C7 3.2386 9.2386 1 12 1C14.7614 1 17 3.2386 17 6L17 11.101C18.282 12.4094 19 14.1682 19 16C19 19.866 15.866 23 12 23C8.134 23 5 19.866 5 16C5 14.1682 5.718 12.4094 7 11.101L7 6Z" stroke="none"/><path d="M12 16L12 9"/><path fill="currentColor" d="M13.5 16C13.5 16.8284 12.8284 17.5 12 17.5C11.1716 17.5 10.5 16.8284 10.5 16C10.5 15.1716 11.1716 14.5 12 14.5C12.8284 14.5 13.5 15.1716 13.5 16Z" stroke="none"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsTemperatureHalfDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M7 6C7 3.2386 9.2386 1 12 1C14.7614 1 17 3.2386 17 6L17 11.101C18.282 12.4094 19 14.1682 19 16C19 19.866 15.866 23 12 23C8.134 23 5 19.866 5 16C5 14.1682 5.718 12.4094 7 11.101L7 6Z" stroke="none"/><path d="M12 16L12 9"/><path fill="currentColor" d="M13.5 16C13.5 16.8284 12.8284 17.5 12 17.5C11.1716 17.5 10.5 16.8284 10.5 16C10.5 15.1716 11.1716 14.5 12 14.5C12.8284 14.5 13.5 15.1716 13.5 16Z" stroke="none"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M7 6C7 3.2386 9.2386 1 12 1C14.7614 1 17 3.2386 17 6L17 11.101C18.282 12.4094 19 14.1682 19 16C19 19.866 15.866 23 12 23C8.134 23 5 19.866 5 16C5 14.1682 5.718 12.4094 7 11.101L7 6Z" stroke="none"/><path d="M12 16L12 9"/><path fill="currentColor" d="M13.5 16C13.5 16.8284 12.8284 17.5 12 17.5C11.1716 17.5 10.5 16.8284 10.5 16C10.5 15.1716 11.1716 14.5 12 14.5C12.8284 14.5 13.5 15.1716 13.5 16Z" stroke="none"/></g></svg>
</template>

CSS

.icon-temperature-half-duotone {
  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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M7%206C7%203.2386%209.2386%201%2012%201C14.7614%201%2017%203.2386%2017%206L17%2011.101C18.282%2012.4094%2019%2014.1682%2019%2016C19%2019.866%2015.866%2023%2012%2023C8.134%2023%205%2019.866%205%2016C5%2014.1682%205.718%2012.4094%207%2011.101L7%206Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2016L12%209%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.5%2016C13.5%2016.8284%2012.8284%2017.5%2012%2017.5C11.1716%2017.5%2010.5%2016.8284%2010.5%2016C10.5%2015.1716%2011.1716%2014.5%2012%2014.5C12.8284%2014.5%2013.5%2015.1716%2013.5%2016Z%22%20stroke%3D%22none%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M7%206C7%203.2386%209.2386%201%2012%201C14.7614%201%2017%203.2386%2017%206L17%2011.101C18.282%2012.4094%2019%2014.1682%2019%2016C19%2019.866%2015.866%2023%2012%2023C8.134%2023%205%2019.866%205%2016C5%2014.1682%205.718%2012.4094%207%2011.101L7%206Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2016L12%209%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.5%2016C13.5%2016.8284%2012.8284%2017.5%2012%2017.5C11.1716%2017.5%2010.5%2016.8284%2010.5%2016C10.5%2015.1716%2011.1716%2014.5%2012%2014.5C12.8284%2014.5%2013.5%2015.1716%2013.5%2016Z%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/temperature-half-duotone.svg?color=%231a73e8&size=48