temperature empty icon

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

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

7 other variants in Keyline Icons

temperature-emptytemperature-empty-duotonetemperature-empty-sharptemperature-empty-sharp-duotonetemperature-empty-sharp-filltemperature-empty-sharp-two-tonetemperature-empty-two-tone

The same icon in other sets

All temperature empty icons →
temperature-emptyFont Awesome 6 Solidtemperature-emptyFont Awesome Solidtemperature-emptyUnicons

Related icons in Keyline Icons

temperature-fulltemperature-halftemperature-hightemperature-quarter

Use the temperature empty 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 6ZM15.5 16C15.5 14.067 13.933 12.5 12 12.5C10.067 12.5 8.5 14.067 8.5 16C8.5 17.933 10.067 19.5 12 19.5C13.933 19.5 15.5 17.933 15.5 16ZM13.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 KeylineIconsTemperatureEmptyFill(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 6ZM15.5 16C15.5 14.067 13.933 12.5 12 12.5C10.067 12.5 8.5 14.067 8.5 16C8.5 17.933 10.067 19.5 12 19.5C13.933 19.5 15.5 17.933 15.5 16ZM13.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 6ZM15.5 16C15.5 14.067 13.933 12.5 12 12.5C10.067 12.5 8.5 14.067 8.5 16C8.5 17.933 10.067 19.5 12 19.5C13.933 19.5 15.5 17.933 15.5 16ZM13.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-empty-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%206ZM15.5%2016C15.5%2014.067%2013.933%2012.5%2012%2012.5C10.067%2012.5%208.5%2014.067%208.5%2016C8.5%2017.933%2010.067%2019.5%2012%2019.5C13.933%2019.5%2015.5%2017.933%2015.5%2016ZM13.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%206ZM15.5%2016C15.5%2014.067%2013.933%2012.5%2012%2012.5C10.067%2012.5%208.5%2014.067%208.5%2016C8.5%2017.933%2010.067%2019.5%2012%2019.5C13.933%2019.5%2015.5%2017.933%2015.5%2016ZM13.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-empty-fill.svg?color=%231a73e8&size=48