sunrise icon
sunrise-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- sunrise-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
sunriseBootstrap IconssunriseCarbonsunriseEmoji One (Colored)sunriseElement PlussunriseFramework7 IconssunriseFeather IconssunriseFluent EmojisunriseFluent Emoji FlatsunriseFluent Emoji High ContrastsunriseFirefox OS EmojisunriseHuge IconssunriseIconParksunriseIconPark OutlinesunriseLucidesunriseMyna UI IconssunriseNoto EmojisunriseOpenMojisunriseSimple Iconssunrise-boldSolarsunriseTabler IconssunriseTwitter Emoji
Use the sunrise icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 18.999a1 1 0 1 0 0 2zm16 2a1 1 0 1 0 0-2zM9.172 4.293a1 1 0 1 0 1.414 1.414L9.879 5zM12 2.88l.707-.707a1 1 0 0 0-1.414 0zm1.414 2.828a1 1 0 1 0 1.414-1.414L14.121 5zM13 3.5a1 1 0 1 0-2 0zM11 8a1 1 0 1 0 2 0zm5.95 1.636a1 1 0 0 0 1.414 1.414l-.707-.707zm2.121.707a1 1 0 0 0-1.414-1.414l.707.707zM20 14.999a1 1 0 1 0 0 2zm1 2a1 1 0 1 0 0-2zm-17 0a1 1 0 1 0 0-2zm-1-2a1 1 0 1 0 0 2zm2.636-3.95A1 1 0 0 0 7.05 9.635l-.707.707zm.707-2.12a1 1 0 1 0-1.414 1.413l.707-.707zM4 19.998v1h16v-2H4zM9.879 5l.707.707l2.121-2.121L12 2.879l-.707-.707l-2.121 2.121zM12 2.88l-.707.707l2.121 2.121l.707-.707l.707-.707l-2.12-2.121zm0 .62h-1V8h2V3.5zM7 16h1a4 4 0 0 1 4-4v-2a6 6 0 0 0-6 6zm5-5v1a4 4 0 0 1 4 4h2a6 6 0 0 0-6-6zm5 5h-1a3.99 3.99 0 0 1-1.6 3.2l.6.8l.6.8A6 6 0 0 0 18 16zm-8 4l.6-.8A4 4 0 0 1 8 16H6c0 1.964.945 3.707 2.4 4.8zm8.657-9.657l.707.707l.707-.707l-.707-.707l-.707-.707l-.707.707zM20 15.999v1h1v-2h-1zm-16 0v-1H3v2h1zm2.343-5.657l.707-.707l-.707-.707l-.707.707l-.707.707l.707.707z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteSunriseLine(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="M4 18.999a1 1 0 1 0 0 2zm16 2a1 1 0 1 0 0-2zM9.172 4.293a1 1 0 1 0 1.414 1.414L9.879 5zM12 2.88l.707-.707a1 1 0 0 0-1.414 0zm1.414 2.828a1 1 0 1 0 1.414-1.414L14.121 5zM13 3.5a1 1 0 1 0-2 0zM11 8a1 1 0 1 0 2 0zm5.95 1.636a1 1 0 0 0 1.414 1.414l-.707-.707zm2.121.707a1 1 0 0 0-1.414-1.414l.707.707zM20 14.999a1 1 0 1 0 0 2zm1 2a1 1 0 1 0 0-2zm-17 0a1 1 0 1 0 0-2zm-1-2a1 1 0 1 0 0 2zm2.636-3.95A1 1 0 0 0 7.05 9.635l-.707.707zm.707-2.12a1 1 0 1 0-1.414 1.413l.707-.707zM4 19.998v1h16v-2H4zM9.879 5l.707.707l2.121-2.121L12 2.879l-.707-.707l-2.121 2.121zM12 2.88l-.707.707l2.121 2.121l.707-.707l.707-.707l-2.12-2.121zm0 .62h-1V8h2V3.5zM7 16h1a4 4 0 0 1 4-4v-2a6 6 0 0 0-6 6zm5-5v1a4 4 0 0 1 4 4h2a6 6 0 0 0-6-6zm5 5h-1a3.99 3.99 0 0 1-1.6 3.2l.6.8l.6.8A6 6 0 0 0 18 16zm-8 4l.6-.8A4 4 0 0 1 8 16H6c0 1.964.945 3.707 2.4 4.8zm8.657-9.657l.707.707l.707-.707l-.707-.707l-.707-.707l-.707.707zM20 15.999v1h1v-2h-1zm-16 0v-1H3v2h1zm2.343-5.657l.707-.707l-.707-.707l-.707.707l-.707.707l.707.707z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 18.999a1 1 0 1 0 0 2zm16 2a1 1 0 1 0 0-2zM9.172 4.293a1 1 0 1 0 1.414 1.414L9.879 5zM12 2.88l.707-.707a1 1 0 0 0-1.414 0zm1.414 2.828a1 1 0 1 0 1.414-1.414L14.121 5zM13 3.5a1 1 0 1 0-2 0zM11 8a1 1 0 1 0 2 0zm5.95 1.636a1 1 0 0 0 1.414 1.414l-.707-.707zm2.121.707a1 1 0 0 0-1.414-1.414l.707.707zM20 14.999a1 1 0 1 0 0 2zm1 2a1 1 0 1 0 0-2zm-17 0a1 1 0 1 0 0-2zm-1-2a1 1 0 1 0 0 2zm2.636-3.95A1 1 0 0 0 7.05 9.635l-.707.707zm.707-2.12a1 1 0 1 0-1.414 1.413l.707-.707zM4 19.998v1h16v-2H4zM9.879 5l.707.707l2.121-2.121L12 2.879l-.707-.707l-2.121 2.121zM12 2.88l-.707.707l2.121 2.121l.707-.707l.707-.707l-2.12-2.121zm0 .62h-1V8h2V3.5zM7 16h1a4 4 0 0 1 4-4v-2a6 6 0 0 0-6 6zm5-5v1a4 4 0 0 1 4 4h2a6 6 0 0 0-6-6zm5 5h-1a3.99 3.99 0 0 1-1.6 3.2l.6.8l.6.8A6 6 0 0 0 18 16zm-8 4l.6-.8A4 4 0 0 1 8 16H6c0 1.964.945 3.707 2.4 4.8zm8.657-9.657l.707.707l.707-.707l-.707-.707l-.707-.707l-.707.707zM20 15.999v1h1v-2h-1zm-16 0v-1H3v2h1zm2.343-5.657l.707-.707l-.707-.707l-.707.707l-.707.707l.707.707z"/></svg> </template>
CSS
.icon-sunrise-line {
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%22M4%2018.999a1%201%200%201%200%200%202zm16%202a1%201%200%201%200%200-2zM9.172%204.293a1%201%200%201%200%201.414%201.414L9.879%205zM12%202.88l.707-.707a1%201%200%200%200-1.414%200zm1.414%202.828a1%201%200%201%200%201.414-1.414L14.121%205zM13%203.5a1%201%200%201%200-2%200zM11%208a1%201%200%201%200%202%200zm5.95%201.636a1%201%200%200%200%201.414%201.414l-.707-.707zm2.121.707a1%201%200%200%200-1.414-1.414l.707.707zM20%2014.999a1%201%200%201%200%200%202zm1%202a1%201%200%201%200%200-2zm-17%200a1%201%200%201%200%200-2zm-1-2a1%201%200%201%200%200%202zm2.636-3.95A1%201%200%200%200%207.05%209.635l-.707.707zm.707-2.12a1%201%200%201%200-1.414%201.413l.707-.707zM4%2019.998v1h16v-2H4zM9.879%205l.707.707l2.121-2.121L12%202.879l-.707-.707l-2.121%202.121zM12%202.88l-.707.707l2.121%202.121l.707-.707l.707-.707l-2.12-2.121zm0%20.62h-1V8h2V3.5zM7%2016h1a4%204%200%200%201%204-4v-2a6%206%200%200%200-6%206zm5-5v1a4%204%200%200%201%204%204h2a6%206%200%200%200-6-6zm5%205h-1a3.99%203.99%200%200%201-1.6%203.2l.6.8l.6.8A6%206%200%200%200%2018%2016zm-8%204l.6-.8A4%204%200%200%201%208%2016H6c0%201.964.945%203.707%202.4%204.8zm8.657-9.657l.707.707l.707-.707l-.707-.707l-.707-.707l-.707.707zM20%2015.999v1h1v-2h-1zm-16%200v-1H3v2h1zm2.343-5.657l.707-.707l-.707-.707l-.707.707l-.707.707l.707.707z%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%22M4%2018.999a1%201%200%201%200%200%202zm16%202a1%201%200%201%200%200-2zM9.172%204.293a1%201%200%201%200%201.414%201.414L9.879%205zM12%202.88l.707-.707a1%201%200%200%200-1.414%200zm1.414%202.828a1%201%200%201%200%201.414-1.414L14.121%205zM13%203.5a1%201%200%201%200-2%200zM11%208a1%201%200%201%200%202%200zm5.95%201.636a1%201%200%200%200%201.414%201.414l-.707-.707zm2.121.707a1%201%200%200%200-1.414-1.414l.707.707zM20%2014.999a1%201%200%201%200%200%202zm1%202a1%201%200%201%200%200-2zm-17%200a1%201%200%201%200%200-2zm-1-2a1%201%200%201%200%200%202zm2.636-3.95A1%201%200%200%200%207.05%209.635l-.707.707zm.707-2.12a1%201%200%201%200-1.414%201.413l.707-.707zM4%2019.998v1h16v-2H4zM9.879%205l.707.707l2.121-2.121L12%202.879l-.707-.707l-2.121%202.121zM12%202.88l-.707.707l2.121%202.121l.707-.707l.707-.707l-2.12-2.121zm0%20.62h-1V8h2V3.5zM7%2016h1a4%204%200%200%201%204-4v-2a6%206%200%200%200-6%206zm5-5v1a4%204%200%200%201%204%204h2a6%206%200%200%200-6-6zm5%205h-1a3.99%203.99%200%200%201-1.6%203.2l.6.8l.6.8A6%206%200%200%200%2018%2016zm-8%204l.6-.8A4%204%200%200%201%208%2016H6c0%201.964.945%203.707%202.4%204.8zm8.657-9.657l.707.707l.707-.707l-.707-.707l-.707-.707l-.707.707zM20%2015.999v1h1v-2h-1zm-16%200v-1H3v2h1zm2.343-5.657l.707-.707l-.707-.707l-.707.707l-.707.707l.707.707z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/sunrise-line.svg?color=%231a73e8&size=48
