sun clock icon

sun-clock-outline from Material Design Icons by Pictogrammers · Outline · Date / Time · Apache-2.0 Free for personal and commercial use.

Name
sun-clock-outline
Set
Material Design Icons
Style
Outline
Category
Date / Time
Viewbox
24×24
License
Apache 2.0
Aliases
sun-schedule-outline, sun-time-outline, time-of-day-outline

1 other variant in Material Design Icons

sun-clock

More date / time icons from Material Design Icons

airplane-clockalarmalarm-checkalarm-multiplealarm-offalarm-plusalarm-snoozearchive-clockav-timerbed-clockbook-clockbriefcase-clockbus-clockcalendarcalendar-arrow-leftcalendar-arrow-rightcalendar-badgecalendar-blankcalendar-blank-multiplecalendar-checkcalendar-clockcalendar-collapse-horizontalcalendar-cursorcalendar-edit

Use the sun clock icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.1 9.32L19.65 6l-4.15-.36c.6.51 1.13 1.14 1.55 1.86c.32.55.53 1.13.68 1.72C17.18 9.08 16.6 9 16 9h-.42A5.01 5.01 0 0 0 11 6c-2.76 0-5 2.24-5 5a5.01 5.01 0 0 0 3 4.58V16c0 3.87 3.13 7 7 7s7-3.13 7-7c0-3.13-2.06-5.79-4.9-6.68M8 11c0-1.65 1.35-3 3-3c1.08 0 2.03.58 2.56 1.45c-1.9.7-3.41 2.21-4.11 4.11A3 3 0 0 1 8 11m8 10c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5m.5-4.75l2.86 1.69l-.75 1.22L15 17v-5h1.5zM11 4c-.84 0-1.65.15-2.39.42L11 1l2.39 3.42C12.65 4.15 11.84 4 11 4M4.95 14.5c.42.74.96 1.36 1.55 1.87L2.36 16l1.76-3.77c.14.77.41 1.55.83 2.27m-.84-4.71L2.34 6l4.16-.35A7.2 7.2 0 0 0 4.94 7.5c-.44.74-.69 1.5-.83 2.29"/></svg>

React

import type { SVGProps } from "react";

export function MdiSunClockOutline(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="M18.1 9.32L19.65 6l-4.15-.36c.6.51 1.13 1.14 1.55 1.86c.32.55.53 1.13.68 1.72C17.18 9.08 16.6 9 16 9h-.42A5.01 5.01 0 0 0 11 6c-2.76 0-5 2.24-5 5a5.01 5.01 0 0 0 3 4.58V16c0 3.87 3.13 7 7 7s7-3.13 7-7c0-3.13-2.06-5.79-4.9-6.68M8 11c0-1.65 1.35-3 3-3c1.08 0 2.03.58 2.56 1.45c-1.9.7-3.41 2.21-4.11 4.11A3 3 0 0 1 8 11m8 10c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5m.5-4.75l2.86 1.69l-.75 1.22L15 17v-5h1.5zM11 4c-.84 0-1.65.15-2.39.42L11 1l2.39 3.42C12.65 4.15 11.84 4 11 4M4.95 14.5c.42.74.96 1.36 1.55 1.87L2.36 16l1.76-3.77c.14.77.41 1.55.83 2.27m-.84-4.71L2.34 6l4.16-.35A7.2 7.2 0 0 0 4.94 7.5c-.44.74-.69 1.5-.83 2.29"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.1 9.32L19.65 6l-4.15-.36c.6.51 1.13 1.14 1.55 1.86c.32.55.53 1.13.68 1.72C17.18 9.08 16.6 9 16 9h-.42A5.01 5.01 0 0 0 11 6c-2.76 0-5 2.24-5 5a5.01 5.01 0 0 0 3 4.58V16c0 3.87 3.13 7 7 7s7-3.13 7-7c0-3.13-2.06-5.79-4.9-6.68M8 11c0-1.65 1.35-3 3-3c1.08 0 2.03.58 2.56 1.45c-1.9.7-3.41 2.21-4.11 4.11A3 3 0 0 1 8 11m8 10c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5m.5-4.75l2.86 1.69l-.75 1.22L15 17v-5h1.5zM11 4c-.84 0-1.65.15-2.39.42L11 1l2.39 3.42C12.65 4.15 11.84 4 11 4M4.95 14.5c.42.74.96 1.36 1.55 1.87L2.36 16l1.76-3.77c.14.77.41 1.55.83 2.27m-.84-4.71L2.34 6l4.16-.35A7.2 7.2 0 0 0 4.94 7.5c-.44.74-.69 1.5-.83 2.29"/></svg>
</template>

CSS

.icon-sun-clock-outline {
  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%22M18.1%209.32L19.65%206l-4.15-.36c.6.51%201.13%201.14%201.55%201.86c.32.55.53%201.13.68%201.72C17.18%209.08%2016.6%209%2016%209h-.42A5.01%205.01%200%200%200%2011%206c-2.76%200-5%202.24-5%205a5.01%205.01%200%200%200%203%204.58V16c0%203.87%203.13%207%207%207s7-3.13%207-7c0-3.13-2.06-5.79-4.9-6.68M8%2011c0-1.65%201.35-3%203-3c1.08%200%202.03.58%202.56%201.45c-1.9.7-3.41%202.21-4.11%204.11A3%203%200%200%201%208%2011m8%2010c-2.76%200-5-2.24-5-5s2.24-5%205-5s5%202.24%205%205s-2.24%205-5%205m.5-4.75l2.86%201.69l-.75%201.22L15%2017v-5h1.5zM11%204c-.84%200-1.65.15-2.39.42L11%201l2.39%203.42C12.65%204.15%2011.84%204%2011%204M4.95%2014.5c.42.74.96%201.36%201.55%201.87L2.36%2016l1.76-3.77c.14.77.41%201.55.83%202.27m-.84-4.71L2.34%206l4.16-.35A7.2%207.2%200%200%200%204.94%207.5c-.44.74-.69%201.5-.83%202.29%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%22M18.1%209.32L19.65%206l-4.15-.36c.6.51%201.13%201.14%201.55%201.86c.32.55.53%201.13.68%201.72C17.18%209.08%2016.6%209%2016%209h-.42A5.01%205.01%200%200%200%2011%206c-2.76%200-5%202.24-5%205a5.01%205.01%200%200%200%203%204.58V16c0%203.87%203.13%207%207%207s7-3.13%207-7c0-3.13-2.06-5.79-4.9-6.68M8%2011c0-1.65%201.35-3%203-3c1.08%200%202.03.58%202.56%201.45c-1.9.7-3.41%202.21-4.11%204.11A3%203%200%200%201%208%2011m8%2010c-2.76%200-5-2.24-5-5s2.24-5%205-5s5%202.24%205%205s-2.24%205-5%205m.5-4.75l2.86%201.69l-.75%201.22L15%2017v-5h1.5zM11%204c-.84%200-1.65.15-2.39.42L11%201l2.39%203.42C12.65%204.15%2011.84%204%2011%204M4.95%2014.5c.42.74.96%201.36%201.55%201.87L2.36%2016l1.76-3.77c.14.77.41%201.55.83%202.27m-.84-4.71L2.34%206l4.16-.35A7.2%207.2%200%200%200%204.94%207.5c-.44.74-.69%201.5-.83%202.29%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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