thermometer sun icon
thermometer-sun from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- thermometer-sun
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
Related icons in Framework7 Icons
Use the thermometer sun icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.192 8.304c1 0 1.826-.826 1.826-1.804V1.805c0-1-.826-1.805-1.826-1.805c-.978 0-1.805.805-1.805 1.804V6.5c0 .978.827 1.804 1.805 1.804M37.235 12.5c.674.696 1.87.717 2.587 0l3.305-3.348a1.81 1.81 0 0 0 0-2.543a1.784 1.784 0 0 0-2.522 0l-3.37 3.37c-.695.695-.674 1.826 0 2.521M16.844 56c6.26 0 11.348-5.087 11.348-11.348c0-3.304-1.37-6.195-3.957-8.543c-.478-.435-.587-.674-.587-1.326l.022-2.087c1.109.413 2.304.608 3.522.608c5.978 0 10.76-4.782 10.76-10.76a10.735 10.735 0 0 0-10.76-10.783c-1.348 0-2.652.26-3.892.76c-.89-2.977-3.26-4.825-6.456-4.825c-4.109 0-6.87 3.021-6.87 7.565l.022 19.522c0 .652-.109.891-.565 1.326c-2.609 2.348-3.956 5.239-3.956 8.543C5.475 50.913 10.54 56 16.844 56m0-3.152c-4.522 0-8.196-3.696-8.196-8.196c0-2.717 1.283-5.174 3.587-6.717c.674-.457.935-.87.935-1.761V15.391c0-2.739 1.5-4.5 3.674-4.5c2.152 0 3.63 1.761 3.63 4.5v20.783c0 .891.261 1.304.935 1.76c2.305 1.544 3.587 4 3.587 6.718c0 4.5-3.652 8.196-8.152 8.196m10.348-37.913c4.26 0 7.565 3.326 7.565 7.609c0 4.26-3.304 7.587-7.565 7.587a7.56 7.56 0 0 1-3.522-.892l.022-13.348c1.065-.608 2.26-.956 3.5-.956m-10.37 34.978c2.913 0 5.261-2.37 5.261-5.282c0-2.044-1.152-3.718-2.826-4.631c-.696-.37-.935-.63-.935-1.696V17.218c0-1.13-.652-1.827-1.5-1.827c-.826 0-1.5.696-1.5 1.827v21.086c0 1.066-.239 1.326-.934 1.696c-1.674.913-2.827 2.587-2.827 4.63a5.256 5.256 0 0 0 5.261 5.283M43.17 24.348h4.718c.978 0 1.782-.826 1.782-1.804c0-1-.804-1.805-1.782-1.805H43.17c-.956 0-1.783.805-1.783 1.805c0 .978.827 1.804 1.783 1.804M40.605 38.5c.696.696 1.826.674 2.522-.022c.695-.695.695-1.848 0-2.521l-3.348-3.348c-.696-.674-1.848-.696-2.544 0a1.81 1.81 0 0 0 0 2.543Z"/></svg>
React
import type { SVGProps } from "react";
export function F7ThermometerSun(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="M27.192 8.304c1 0 1.826-.826 1.826-1.804V1.805c0-1-.826-1.805-1.826-1.805c-.978 0-1.805.805-1.805 1.804V6.5c0 .978.827 1.804 1.805 1.804M37.235 12.5c.674.696 1.87.717 2.587 0l3.305-3.348a1.81 1.81 0 0 0 0-2.543a1.784 1.784 0 0 0-2.522 0l-3.37 3.37c-.695.695-.674 1.826 0 2.521M16.844 56c6.26 0 11.348-5.087 11.348-11.348c0-3.304-1.37-6.195-3.957-8.543c-.478-.435-.587-.674-.587-1.326l.022-2.087c1.109.413 2.304.608 3.522.608c5.978 0 10.76-4.782 10.76-10.76a10.735 10.735 0 0 0-10.76-10.783c-1.348 0-2.652.26-3.892.76c-.89-2.977-3.26-4.825-6.456-4.825c-4.109 0-6.87 3.021-6.87 7.565l.022 19.522c0 .652-.109.891-.565 1.326c-2.609 2.348-3.956 5.239-3.956 8.543C5.475 50.913 10.54 56 16.844 56m0-3.152c-4.522 0-8.196-3.696-8.196-8.196c0-2.717 1.283-5.174 3.587-6.717c.674-.457.935-.87.935-1.761V15.391c0-2.739 1.5-4.5 3.674-4.5c2.152 0 3.63 1.761 3.63 4.5v20.783c0 .891.261 1.304.935 1.76c2.305 1.544 3.587 4 3.587 6.718c0 4.5-3.652 8.196-8.152 8.196m10.348-37.913c4.26 0 7.565 3.326 7.565 7.609c0 4.26-3.304 7.587-7.565 7.587a7.56 7.56 0 0 1-3.522-.892l.022-13.348c1.065-.608 2.26-.956 3.5-.956m-10.37 34.978c2.913 0 5.261-2.37 5.261-5.282c0-2.044-1.152-3.718-2.826-4.631c-.696-.37-.935-.63-.935-1.696V17.218c0-1.13-.652-1.827-1.5-1.827c-.826 0-1.5.696-1.5 1.827v21.086c0 1.066-.239 1.326-.934 1.696c-1.674.913-2.827 2.587-2.827 4.63a5.256 5.256 0 0 0 5.261 5.283M43.17 24.348h4.718c.978 0 1.782-.826 1.782-1.804c0-1-.804-1.805-1.782-1.805H43.17c-.956 0-1.783.805-1.783 1.805c0 .978.827 1.804 1.783 1.804M40.605 38.5c.696.696 1.826.674 2.522-.022c.695-.695.695-1.848 0-2.521l-3.348-3.348c-.696-.674-1.848-.696-2.544 0a1.81 1.81 0 0 0 0 2.543Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M27.192 8.304c1 0 1.826-.826 1.826-1.804V1.805c0-1-.826-1.805-1.826-1.805c-.978 0-1.805.805-1.805 1.804V6.5c0 .978.827 1.804 1.805 1.804M37.235 12.5c.674.696 1.87.717 2.587 0l3.305-3.348a1.81 1.81 0 0 0 0-2.543a1.784 1.784 0 0 0-2.522 0l-3.37 3.37c-.695.695-.674 1.826 0 2.521M16.844 56c6.26 0 11.348-5.087 11.348-11.348c0-3.304-1.37-6.195-3.957-8.543c-.478-.435-.587-.674-.587-1.326l.022-2.087c1.109.413 2.304.608 3.522.608c5.978 0 10.76-4.782 10.76-10.76a10.735 10.735 0 0 0-10.76-10.783c-1.348 0-2.652.26-3.892.76c-.89-2.977-3.26-4.825-6.456-4.825c-4.109 0-6.87 3.021-6.87 7.565l.022 19.522c0 .652-.109.891-.565 1.326c-2.609 2.348-3.956 5.239-3.956 8.543C5.475 50.913 10.54 56 16.844 56m0-3.152c-4.522 0-8.196-3.696-8.196-8.196c0-2.717 1.283-5.174 3.587-6.717c.674-.457.935-.87.935-1.761V15.391c0-2.739 1.5-4.5 3.674-4.5c2.152 0 3.63 1.761 3.63 4.5v20.783c0 .891.261 1.304.935 1.76c2.305 1.544 3.587 4 3.587 6.718c0 4.5-3.652 8.196-8.152 8.196m10.348-37.913c4.26 0 7.565 3.326 7.565 7.609c0 4.26-3.304 7.587-7.565 7.587a7.56 7.56 0 0 1-3.522-.892l.022-13.348c1.065-.608 2.26-.956 3.5-.956m-10.37 34.978c2.913 0 5.261-2.37 5.261-5.282c0-2.044-1.152-3.718-2.826-4.631c-.696-.37-.935-.63-.935-1.696V17.218c0-1.13-.652-1.827-1.5-1.827c-.826 0-1.5.696-1.5 1.827v21.086c0 1.066-.239 1.326-.934 1.696c-1.674.913-2.827 2.587-2.827 4.63a5.256 5.256 0 0 0 5.261 5.283M43.17 24.348h4.718c.978 0 1.782-.826 1.782-1.804c0-1-.804-1.805-1.782-1.805H43.17c-.956 0-1.783.805-1.783 1.805c0 .978.827 1.804 1.783 1.804M40.605 38.5c.696.696 1.826.674 2.522-.022c.695-.695.695-1.848 0-2.521l-3.348-3.348c-.696-.674-1.848-.696-2.544 0a1.81 1.81 0 0 0 0 2.543Z"/></svg> </template>
CSS
.icon-thermometer-sun {
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%22M27.192%208.304c1%200%201.826-.826%201.826-1.804V1.805c0-1-.826-1.805-1.826-1.805c-.978%200-1.805.805-1.805%201.804V6.5c0%20.978.827%201.804%201.805%201.804M37.235%2012.5c.674.696%201.87.717%202.587%200l3.305-3.348a1.81%201.81%200%200%200%200-2.543a1.784%201.784%200%200%200-2.522%200l-3.37%203.37c-.695.695-.674%201.826%200%202.521M16.844%2056c6.26%200%2011.348-5.087%2011.348-11.348c0-3.304-1.37-6.195-3.957-8.543c-.478-.435-.587-.674-.587-1.326l.022-2.087c1.109.413%202.304.608%203.522.608c5.978%200%2010.76-4.782%2010.76-10.76a10.735%2010.735%200%200%200-10.76-10.783c-1.348%200-2.652.26-3.892.76c-.89-2.977-3.26-4.825-6.456-4.825c-4.109%200-6.87%203.021-6.87%207.565l.022%2019.522c0%20.652-.109.891-.565%201.326c-2.609%202.348-3.956%205.239-3.956%208.543C5.475%2050.913%2010.54%2056%2016.844%2056m0-3.152c-4.522%200-8.196-3.696-8.196-8.196c0-2.717%201.283-5.174%203.587-6.717c.674-.457.935-.87.935-1.761V15.391c0-2.739%201.5-4.5%203.674-4.5c2.152%200%203.63%201.761%203.63%204.5v20.783c0%20.891.261%201.304.935%201.76c2.305%201.544%203.587%204%203.587%206.718c0%204.5-3.652%208.196-8.152%208.196m10.348-37.913c4.26%200%207.565%203.326%207.565%207.609c0%204.26-3.304%207.587-7.565%207.587a7.56%207.56%200%200%201-3.522-.892l.022-13.348c1.065-.608%202.26-.956%203.5-.956m-10.37%2034.978c2.913%200%205.261-2.37%205.261-5.282c0-2.044-1.152-3.718-2.826-4.631c-.696-.37-.935-.63-.935-1.696V17.218c0-1.13-.652-1.827-1.5-1.827c-.826%200-1.5.696-1.5%201.827v21.086c0%201.066-.239%201.326-.934%201.696c-1.674.913-2.827%202.587-2.827%204.63a5.256%205.256%200%200%200%205.261%205.283M43.17%2024.348h4.718c.978%200%201.782-.826%201.782-1.804c0-1-.804-1.805-1.782-1.805H43.17c-.956%200-1.783.805-1.783%201.805c0%20.978.827%201.804%201.783%201.804M40.605%2038.5c.696.696%201.826.674%202.522-.022c.695-.695.695-1.848%200-2.521l-3.348-3.348c-.696-.674-1.848-.696-2.544%200a1.81%201.81%200%200%200%200%202.543Z%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%22M27.192%208.304c1%200%201.826-.826%201.826-1.804V1.805c0-1-.826-1.805-1.826-1.805c-.978%200-1.805.805-1.805%201.804V6.5c0%20.978.827%201.804%201.805%201.804M37.235%2012.5c.674.696%201.87.717%202.587%200l3.305-3.348a1.81%201.81%200%200%200%200-2.543a1.784%201.784%200%200%200-2.522%200l-3.37%203.37c-.695.695-.674%201.826%200%202.521M16.844%2056c6.26%200%2011.348-5.087%2011.348-11.348c0-3.304-1.37-6.195-3.957-8.543c-.478-.435-.587-.674-.587-1.326l.022-2.087c1.109.413%202.304.608%203.522.608c5.978%200%2010.76-4.782%2010.76-10.76a10.735%2010.735%200%200%200-10.76-10.783c-1.348%200-2.652.26-3.892.76c-.89-2.977-3.26-4.825-6.456-4.825c-4.109%200-6.87%203.021-6.87%207.565l.022%2019.522c0%20.652-.109.891-.565%201.326c-2.609%202.348-3.956%205.239-3.956%208.543C5.475%2050.913%2010.54%2056%2016.844%2056m0-3.152c-4.522%200-8.196-3.696-8.196-8.196c0-2.717%201.283-5.174%203.587-6.717c.674-.457.935-.87.935-1.761V15.391c0-2.739%201.5-4.5%203.674-4.5c2.152%200%203.63%201.761%203.63%204.5v20.783c0%20.891.261%201.304.935%201.76c2.305%201.544%203.587%204%203.587%206.718c0%204.5-3.652%208.196-8.152%208.196m10.348-37.913c4.26%200%207.565%203.326%207.565%207.609c0%204.26-3.304%207.587-7.565%207.587a7.56%207.56%200%200%201-3.522-.892l.022-13.348c1.065-.608%202.26-.956%203.5-.956m-10.37%2034.978c2.913%200%205.261-2.37%205.261-5.282c0-2.044-1.152-3.718-2.826-4.631c-.696-.37-.935-.63-.935-1.696V17.218c0-1.13-.652-1.827-1.5-1.827c-.826%200-1.5.696-1.5%201.827v21.086c0%201.066-.239%201.326-.934%201.696c-1.674.913-2.827%202.587-2.827%204.63a5.256%205.256%200%200%200%205.261%205.283M43.17%2024.348h4.718c.978%200%201.782-.826%201.782-1.804c0-1-.804-1.805-1.782-1.805H43.17c-.956%200-1.783.805-1.783%201.805c0%20.978.827%201.804%201.783%201.804M40.605%2038.5c.696.696%201.826.674%202.522-.022c.695-.695.695-1.848%200-2.521l-3.348-3.348c-.696-.674-1.848-.696-2.544%200a1.81%201.81%200%200%200%200%202.543Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/thermometer-sun.svg?color=%231a73e8&size=48
