sun min icon

sun-min-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name: sun-min-fill
Set: Framework7 Icons
Style: Fill
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

Related icons in Framework7 Icons

Use the sun min icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 10c1.5 0 2.742-1.242 2.742-2.766A2.76 2.76 0 0 0 28 4.492a2.746 2.746 0 0 0-2.742 2.742C25.258 8.758 26.477 10 28 10m12.75 5.273c1.055 1.055 2.79 1.055 3.867 0a2.744 2.744 0 0 0 0-3.89c-1.078-1.078-2.812-1.078-3.867 0a2.744 2.744 0 0 0 0 3.89m-29.39.024c1.054 1.055 2.789 1.055 3.867 0c1.101-1.102 1.101-2.813 0-3.89c-1.078-1.079-2.813-1.079-3.867 0c-1.079 1.077-1.079 2.788 0 3.89M28 40c6.516 0 11.93-5.414 11.93-11.953c0-6.516-5.414-11.93-11.93-11.93c-6.539 0-11.953 5.414-11.953 11.93C16.047 34.586 21.461 40 28 40M7.235 30.789c1.5 0 2.742-1.242 2.742-2.766a2.76 2.76 0 0 0-2.743-2.742a2.746 2.746 0 0 0-2.742 2.742c0 1.524 1.219 2.766 2.742 2.766m41.53.164c1.5 0 2.743-1.242 2.743-2.765a2.76 2.76 0 0 0-2.742-2.743a2.746 2.746 0 0 0-2.742 2.742c0 1.524 1.218 2.766 2.742 2.766M11.384 44.641c1.055 1.078 2.789 1.078 3.867 0a2.744 2.744 0 0 0 0-3.891c-1.078-1.055-2.812-1.055-3.867 0a2.703 2.703 0 0 0 0 3.89m29.226.117c1.079 1.078 2.79 1.078 3.891 0c1.055-1.055 1.055-2.79 0-3.867c-1.102-1.078-2.812-1.078-3.89 0s-1.079 2.812 0 3.867M28 51.508c1.5 0 2.742-1.219 2.742-2.742A2.76 2.76 0 0 0 28 46.023a2.746 2.746 0 0 0-2.742 2.743A2.73 2.73 0 0 0 28 51.508"/></svg>

React

import type { SVGProps } from "react";

export function F7SunMinFill(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="M28 10c1.5 0 2.742-1.242 2.742-2.766A2.76 2.76 0 0 0 28 4.492a2.746 2.746 0 0 0-2.742 2.742C25.258 8.758 26.477 10 28 10m12.75 5.273c1.055 1.055 2.79 1.055 3.867 0a2.744 2.744 0 0 0 0-3.89c-1.078-1.078-2.812-1.078-3.867 0a2.744 2.744 0 0 0 0 3.89m-29.39.024c1.054 1.055 2.789 1.055 3.867 0c1.101-1.102 1.101-2.813 0-3.89c-1.078-1.079-2.813-1.079-3.867 0c-1.079 1.077-1.079 2.788 0 3.89M28 40c6.516 0 11.93-5.414 11.93-11.953c0-6.516-5.414-11.93-11.93-11.93c-6.539 0-11.953 5.414-11.953 11.93C16.047 34.586 21.461 40 28 40M7.235 30.789c1.5 0 2.742-1.242 2.742-2.766a2.76 2.76 0 0 0-2.743-2.742a2.746 2.746 0 0 0-2.742 2.742c0 1.524 1.219 2.766 2.742 2.766m41.53.164c1.5 0 2.743-1.242 2.743-2.765a2.76 2.76 0 0 0-2.742-2.743a2.746 2.746 0 0 0-2.742 2.742c0 1.524 1.218 2.766 2.742 2.766M11.384 44.641c1.055 1.078 2.789 1.078 3.867 0a2.744 2.744 0 0 0 0-3.891c-1.078-1.055-2.812-1.055-3.867 0a2.703 2.703 0 0 0 0 3.89m29.226.117c1.079 1.078 2.79 1.078 3.891 0c1.055-1.055 1.055-2.79 0-3.867c-1.102-1.078-2.812-1.078-3.89 0s-1.079 2.812 0 3.867M28 51.508c1.5 0 2.742-1.219 2.742-2.742A2.76 2.76 0 0 0 28 46.023a2.746 2.746 0 0 0-2.742 2.743A2.73 2.73 0 0 0 28 51.508"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 10c1.5 0 2.742-1.242 2.742-2.766A2.76 2.76 0 0 0 28 4.492a2.746 2.746 0 0 0-2.742 2.742C25.258 8.758 26.477 10 28 10m12.75 5.273c1.055 1.055 2.79 1.055 3.867 0a2.744 2.744 0 0 0 0-3.89c-1.078-1.078-2.812-1.078-3.867 0a2.744 2.744 0 0 0 0 3.89m-29.39.024c1.054 1.055 2.789 1.055 3.867 0c1.101-1.102 1.101-2.813 0-3.89c-1.078-1.079-2.813-1.079-3.867 0c-1.079 1.077-1.079 2.788 0 3.89M28 40c6.516 0 11.93-5.414 11.93-11.953c0-6.516-5.414-11.93-11.93-11.93c-6.539 0-11.953 5.414-11.953 11.93C16.047 34.586 21.461 40 28 40M7.235 30.789c1.5 0 2.742-1.242 2.742-2.766a2.76 2.76 0 0 0-2.743-2.742a2.746 2.746 0 0 0-2.742 2.742c0 1.524 1.219 2.766 2.742 2.766m41.53.164c1.5 0 2.743-1.242 2.743-2.765a2.76 2.76 0 0 0-2.742-2.743a2.746 2.746 0 0 0-2.742 2.742c0 1.524 1.218 2.766 2.742 2.766M11.384 44.641c1.055 1.078 2.789 1.078 3.867 0a2.744 2.744 0 0 0 0-3.891c-1.078-1.055-2.812-1.055-3.867 0a2.703 2.703 0 0 0 0 3.89m29.226.117c1.079 1.078 2.79 1.078 3.891 0c1.055-1.055 1.055-2.79 0-3.867c-1.102-1.078-2.812-1.078-3.89 0s-1.079 2.812 0 3.867M28 51.508c1.5 0 2.742-1.219 2.742-2.742A2.76 2.76 0 0 0 28 46.023a2.746 2.746 0 0 0-2.742 2.743A2.73 2.73 0 0 0 28 51.508"/></svg>
</template>

CSS

.icon-sun-min-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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2010c1.5%200%202.742-1.242%202.742-2.766A2.76%202.76%200%200%200%2028%204.492a2.746%202.746%200%200%200-2.742%202.742C25.258%208.758%2026.477%2010%2028%2010m12.75%205.273c1.055%201.055%202.79%201.055%203.867%200a2.744%202.744%200%200%200%200-3.89c-1.078-1.078-2.812-1.078-3.867%200a2.744%202.744%200%200%200%200%203.89m-29.39.024c1.054%201.055%202.789%201.055%203.867%200c1.101-1.102%201.101-2.813%200-3.89c-1.078-1.079-2.813-1.079-3.867%200c-1.079%201.077-1.079%202.788%200%203.89M28%2040c6.516%200%2011.93-5.414%2011.93-11.953c0-6.516-5.414-11.93-11.93-11.93c-6.539%200-11.953%205.414-11.953%2011.93C16.047%2034.586%2021.461%2040%2028%2040M7.235%2030.789c1.5%200%202.742-1.242%202.742-2.766a2.76%202.76%200%200%200-2.743-2.742a2.746%202.746%200%200%200-2.742%202.742c0%201.524%201.219%202.766%202.742%202.766m41.53.164c1.5%200%202.743-1.242%202.743-2.765a2.76%202.76%200%200%200-2.742-2.743a2.746%202.746%200%200%200-2.742%202.742c0%201.524%201.218%202.766%202.742%202.766M11.384%2044.641c1.055%201.078%202.789%201.078%203.867%200a2.744%202.744%200%200%200%200-3.891c-1.078-1.055-2.812-1.055-3.867%200a2.703%202.703%200%200%200%200%203.89m29.226.117c1.079%201.078%202.79%201.078%203.891%200c1.055-1.055%201.055-2.79%200-3.867c-1.102-1.078-2.812-1.078-3.89%200s-1.079%202.812%200%203.867M28%2051.508c1.5%200%202.742-1.219%202.742-2.742A2.76%202.76%200%200%200%2028%2046.023a2.746%202.746%200%200%200-2.742%202.743A2.73%202.73%200%200%200%2028%2051.508%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%22M28%2010c1.5%200%202.742-1.242%202.742-2.766A2.76%202.76%200%200%200%2028%204.492a2.746%202.746%200%200%200-2.742%202.742C25.258%208.758%2026.477%2010%2028%2010m12.75%205.273c1.055%201.055%202.79%201.055%203.867%200a2.744%202.744%200%200%200%200-3.89c-1.078-1.078-2.812-1.078-3.867%200a2.744%202.744%200%200%200%200%203.89m-29.39.024c1.054%201.055%202.789%201.055%203.867%200c1.101-1.102%201.101-2.813%200-3.89c-1.078-1.079-2.813-1.079-3.867%200c-1.079%201.077-1.079%202.788%200%203.89M28%2040c6.516%200%2011.93-5.414%2011.93-11.953c0-6.516-5.414-11.93-11.93-11.93c-6.539%200-11.953%205.414-11.953%2011.93C16.047%2034.586%2021.461%2040%2028%2040M7.235%2030.789c1.5%200%202.742-1.242%202.742-2.766a2.76%202.76%200%200%200-2.743-2.742a2.746%202.746%200%200%200-2.742%202.742c0%201.524%201.219%202.766%202.742%202.766m41.53.164c1.5%200%202.743-1.242%202.743-2.765a2.76%202.76%200%200%200-2.742-2.743a2.746%202.746%200%200%200-2.742%202.742c0%201.524%201.218%202.766%202.742%202.766M11.384%2044.641c1.055%201.078%202.789%201.078%203.867%200a2.744%202.744%200%200%200%200-3.891c-1.078-1.055-2.812-1.055-3.867%200a2.703%202.703%200%200%200%200%203.89m29.226.117c1.079%201.078%202.79%201.078%203.891%200c1.055-1.055%201.055-2.79%200-3.867c-1.102-1.078-2.812-1.078-3.89%200s-1.079%202.812%200%203.867M28%2051.508c1.5%200%202.742-1.219%202.742-2.742A2.76%202.76%200%200%200%2028%2046.023a2.746%202.746%200%200%200-2.742%202.743A2.73%202.73%200%200%200%2028%2051.508%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/sun-min-fill.svg?color=%231a73e8&size=48