temperature half icon

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

Name
temperature-half-fill
Set
Keyline Icons
Style
Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

temperature-halftemperature-half-duotonetemperature-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"><path fill="currentColor" 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 6ZM13 12.6459L13 9C13 8.4477 12.5523 8 12 8C11.4477 8 11 8.4477 11 9L11 12.6459C9.5167 13.0881 8.5 14.4522 8.5 16C8.5 17.933 10.067 19.5 12 19.5C13.933 19.5 15.5 17.933 15.5 16C15.5 14.4522 14.4833 13.0881 13 12.6459ZM13.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"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsTemperatureHalfFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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 6ZM13 12.6459L13 9C13 8.4477 12.5523 8 12 8C11.4477 8 11 8.4477 11 9L11 12.6459C9.5167 13.0881 8.5 14.4522 8.5 16C8.5 17.933 10.067 19.5 12 19.5C13.933 19.5 15.5 17.933 15.5 16C15.5 14.4522 14.4833 13.0881 13 12.6459ZM13.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"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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 6ZM13 12.6459L13 9C13 8.4477 12.5523 8 12 8C11.4477 8 11 8.4477 11 9L11 12.6459C9.5167 13.0881 8.5 14.4522 8.5 16C8.5 17.933 10.067 19.5 12 19.5C13.933 19.5 15.5 17.933 15.5 16C15.5 14.4522 14.4833 13.0881 13 12.6459ZM13.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"/></svg>
</template>

CSS

.icon-temperature-half-fill {
  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%3Cpath%20fill%3D%22currentColor%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%206ZM13%2012.6459L13%209C13%208.4477%2012.5523%208%2012%208C11.4477%208%2011%208.4477%2011%209L11%2012.6459C9.5167%2013.0881%208.5%2014.4522%208.5%2016C8.5%2017.933%2010.067%2019.5%2012%2019.5C13.933%2019.5%2015.5%2017.933%2015.5%2016C15.5%2014.4522%2014.4833%2013.0881%2013%2012.6459ZM13.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%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%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%206ZM13%2012.6459L13%209C13%208.4477%2012.5523%208%2012%208C11.4477%208%2011%208.4477%2011%209L11%2012.6459C9.5167%2013.0881%208.5%2014.4522%208.5%2016C8.5%2017.933%2010.067%2019.5%2012%2019.5C13.933%2019.5%2015.5%2017.933%2015.5%2016C15.5%2014.4522%2014.4833%2013.0881%2013%2012.6459ZM13.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%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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