sun max icon

sun-max from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.

Name: sun-max
Set: Framework7 Icons
Style: Outline
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

Related icons in Framework7 Icons

Use the sun max icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M30.04 4.61c0-1.102-.938-2.04-2.04-2.04s-2.039.938-2.039 2.04v4.92c0 1.102.938 2.04 2.04 2.04c1.1 0 2.038-.938 2.038-2.04Zm9.538 8.929c-.773.797-.773 2.11 0 2.883c.797.797 2.086.82 2.906 0l3.493-3.492a2.065 2.065 0 0 0 0-2.907c-.774-.773-2.086-.773-2.883 0Zm-26.062 2.883c.773.797 2.086.797 2.882 0c.774-.75.774-2.11.024-2.883l-3.492-3.516c-.75-.75-2.086-.773-2.883 0c-.774.774-.774 2.11-.024 2.883ZM28 16.047c-6.539 0-11.953 5.414-11.953 11.953S21.46 39.977 28 39.977c6.516 0 11.93-5.438 11.93-11.977S34.516 16.047 28 16.047m0 3.586c4.57 0 8.367 3.797 8.367 8.367S32.57 36.39 28 36.39c-4.594 0-8.39-3.82-8.39-8.39s3.796-8.367 8.39-8.367m23.32 10.406c1.102 0 2.04-.937 2.04-2.039s-.938-2.04-2.04-2.04h-4.898c-1.102 0-2.04.938-2.04 2.04s.938 2.039 2.04 2.039ZM4.68 25.961c-1.102 0-2.04.937-2.04 2.039s.938 2.039 2.04 2.039h4.898c1.102 0 2.04-.937 2.04-2.039s-.938-2.04-2.04-2.04ZM42.46 39.6a2.08 2.08 0 0 0-2.883 0c-.773.774-.773 2.087 0 2.883L43.094 46c.797.773 2.11.75 2.883-.023c.797-.774.797-2.086 0-2.883Zm-32.437 3.47c-.797.773-.797 2.109-.024 2.882c.774.774 2.11.797 2.906.024l3.492-3.493c.774-.773.774-2.086.024-2.882c-.774-.774-2.11-.774-2.906 0Zm20.015 3.398c0-1.102-.937-2.04-2.039-2.04s-2.039.938-2.039 2.04v4.922c0 1.101.938 2.039 2.04 2.039c1.1 0 2.038-.938 2.038-2.04Z"/></svg>

React

import type { SVGProps } from "react";

export function F7SunMax(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="M30.04 4.61c0-1.102-.938-2.04-2.04-2.04s-2.039.938-2.039 2.04v4.92c0 1.102.938 2.04 2.04 2.04c1.1 0 2.038-.938 2.038-2.04Zm9.538 8.929c-.773.797-.773 2.11 0 2.883c.797.797 2.086.82 2.906 0l3.493-3.492a2.065 2.065 0 0 0 0-2.907c-.774-.773-2.086-.773-2.883 0Zm-26.062 2.883c.773.797 2.086.797 2.882 0c.774-.75.774-2.11.024-2.883l-3.492-3.516c-.75-.75-2.086-.773-2.883 0c-.774.774-.774 2.11-.024 2.883ZM28 16.047c-6.539 0-11.953 5.414-11.953 11.953S21.46 39.977 28 39.977c6.516 0 11.93-5.438 11.93-11.977S34.516 16.047 28 16.047m0 3.586c4.57 0 8.367 3.797 8.367 8.367S32.57 36.39 28 36.39c-4.594 0-8.39-3.82-8.39-8.39s3.796-8.367 8.39-8.367m23.32 10.406c1.102 0 2.04-.937 2.04-2.039s-.938-2.04-2.04-2.04h-4.898c-1.102 0-2.04.938-2.04 2.04s.938 2.039 2.04 2.039ZM4.68 25.961c-1.102 0-2.04.937-2.04 2.039s.938 2.039 2.04 2.039h4.898c1.102 0 2.04-.937 2.04-2.039s-.938-2.04-2.04-2.04ZM42.46 39.6a2.08 2.08 0 0 0-2.883 0c-.773.774-.773 2.087 0 2.883L43.094 46c.797.773 2.11.75 2.883-.023c.797-.774.797-2.086 0-2.883Zm-32.437 3.47c-.797.773-.797 2.109-.024 2.882c.774.774 2.11.797 2.906.024l3.492-3.493c.774-.773.774-2.086.024-2.882c-.774-.774-2.11-.774-2.906 0Zm20.015 3.398c0-1.102-.937-2.04-2.039-2.04s-2.039.938-2.039 2.04v4.922c0 1.101.938 2.039 2.04 2.039c1.1 0 2.038-.938 2.038-2.04Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M30.04 4.61c0-1.102-.938-2.04-2.04-2.04s-2.039.938-2.039 2.04v4.92c0 1.102.938 2.04 2.04 2.04c1.1 0 2.038-.938 2.038-2.04Zm9.538 8.929c-.773.797-.773 2.11 0 2.883c.797.797 2.086.82 2.906 0l3.493-3.492a2.065 2.065 0 0 0 0-2.907c-.774-.773-2.086-.773-2.883 0Zm-26.062 2.883c.773.797 2.086.797 2.882 0c.774-.75.774-2.11.024-2.883l-3.492-3.516c-.75-.75-2.086-.773-2.883 0c-.774.774-.774 2.11-.024 2.883ZM28 16.047c-6.539 0-11.953 5.414-11.953 11.953S21.46 39.977 28 39.977c6.516 0 11.93-5.438 11.93-11.977S34.516 16.047 28 16.047m0 3.586c4.57 0 8.367 3.797 8.367 8.367S32.57 36.39 28 36.39c-4.594 0-8.39-3.82-8.39-8.39s3.796-8.367 8.39-8.367m23.32 10.406c1.102 0 2.04-.937 2.04-2.039s-.938-2.04-2.04-2.04h-4.898c-1.102 0-2.04.938-2.04 2.04s.938 2.039 2.04 2.039ZM4.68 25.961c-1.102 0-2.04.937-2.04 2.039s.938 2.039 2.04 2.039h4.898c1.102 0 2.04-.937 2.04-2.039s-.938-2.04-2.04-2.04ZM42.46 39.6a2.08 2.08 0 0 0-2.883 0c-.773.774-.773 2.087 0 2.883L43.094 46c.797.773 2.11.75 2.883-.023c.797-.774.797-2.086 0-2.883Zm-32.437 3.47c-.797.773-.797 2.109-.024 2.882c.774.774 2.11.797 2.906.024l3.492-3.493c.774-.773.774-2.086.024-2.882c-.774-.774-2.11-.774-2.906 0Zm20.015 3.398c0-1.102-.937-2.04-2.039-2.04s-2.039.938-2.039 2.04v4.922c0 1.101.938 2.039 2.04 2.039c1.1 0 2.038-.938 2.038-2.04Z"/></svg>
</template>

CSS

.icon-sun-max {
  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%22M30.04%204.61c0-1.102-.938-2.04-2.04-2.04s-2.039.938-2.039%202.04v4.92c0%201.102.938%202.04%202.04%202.04c1.1%200%202.038-.938%202.038-2.04Zm9.538%208.929c-.773.797-.773%202.11%200%202.883c.797.797%202.086.82%202.906%200l3.493-3.492a2.065%202.065%200%200%200%200-2.907c-.774-.773-2.086-.773-2.883%200Zm-26.062%202.883c.773.797%202.086.797%202.882%200c.774-.75.774-2.11.024-2.883l-3.492-3.516c-.75-.75-2.086-.773-2.883%200c-.774.774-.774%202.11-.024%202.883ZM28%2016.047c-6.539%200-11.953%205.414-11.953%2011.953S21.46%2039.977%2028%2039.977c6.516%200%2011.93-5.438%2011.93-11.977S34.516%2016.047%2028%2016.047m0%203.586c4.57%200%208.367%203.797%208.367%208.367S32.57%2036.39%2028%2036.39c-4.594%200-8.39-3.82-8.39-8.39s3.796-8.367%208.39-8.367m23.32%2010.406c1.102%200%202.04-.937%202.04-2.039s-.938-2.04-2.04-2.04h-4.898c-1.102%200-2.04.938-2.04%202.04s.938%202.039%202.04%202.039ZM4.68%2025.961c-1.102%200-2.04.937-2.04%202.039s.938%202.039%202.04%202.039h4.898c1.102%200%202.04-.937%202.04-2.039s-.938-2.04-2.04-2.04ZM42.46%2039.6a2.08%202.08%200%200%200-2.883%200c-.773.774-.773%202.087%200%202.883L43.094%2046c.797.773%202.11.75%202.883-.023c.797-.774.797-2.086%200-2.883Zm-32.437%203.47c-.797.773-.797%202.109-.024%202.882c.774.774%202.11.797%202.906.024l3.492-3.493c.774-.773.774-2.086.024-2.882c-.774-.774-2.11-.774-2.906%200Zm20.015%203.398c0-1.102-.937-2.04-2.039-2.04s-2.039.938-2.039%202.04v4.922c0%201.101.938%202.039%202.04%202.039c1.1%200%202.038-.938%202.038-2.04Z%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%22M30.04%204.61c0-1.102-.938-2.04-2.04-2.04s-2.039.938-2.039%202.04v4.92c0%201.102.938%202.04%202.04%202.04c1.1%200%202.038-.938%202.038-2.04Zm9.538%208.929c-.773.797-.773%202.11%200%202.883c.797.797%202.086.82%202.906%200l3.493-3.492a2.065%202.065%200%200%200%200-2.907c-.774-.773-2.086-.773-2.883%200Zm-26.062%202.883c.773.797%202.086.797%202.882%200c.774-.75.774-2.11.024-2.883l-3.492-3.516c-.75-.75-2.086-.773-2.883%200c-.774.774-.774%202.11-.024%202.883ZM28%2016.047c-6.539%200-11.953%205.414-11.953%2011.953S21.46%2039.977%2028%2039.977c6.516%200%2011.93-5.438%2011.93-11.977S34.516%2016.047%2028%2016.047m0%203.586c4.57%200%208.367%203.797%208.367%208.367S32.57%2036.39%2028%2036.39c-4.594%200-8.39-3.82-8.39-8.39s3.796-8.367%208.39-8.367m23.32%2010.406c1.102%200%202.04-.937%202.04-2.039s-.938-2.04-2.04-2.04h-4.898c-1.102%200-2.04.938-2.04%202.04s.938%202.039%202.04%202.039ZM4.68%2025.961c-1.102%200-2.04.937-2.04%202.039s.938%202.039%202.04%202.039h4.898c1.102%200%202.04-.937%202.04-2.039s-.938-2.04-2.04-2.04ZM42.46%2039.6a2.08%202.08%200%200%200-2.883%200c-.773.774-.773%202.087%200%202.883L43.094%2046c.797.773%202.11.75%202.883-.023c.797-.774.797-2.086%200-2.883Zm-32.437%203.47c-.797.773-.797%202.109-.024%202.882c.774.774%202.11.797%202.906.024l3.492-3.493c.774-.773.774-2.086.024-2.882c-.774-.774-2.11-.774-2.906%200Zm20.015%203.398c0-1.102-.937-2.04-2.039-2.04s-2.039.938-2.039%202.04v4.922c0%201.101.938%202.039%202.04%202.039c1.1%200%202.038-.938%202.038-2.04Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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