sunrise icon
sunrise-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- sunrise-fill
- Set
- MingCute Icon
- Style
- Fill
- 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" fill-rule="evenodd" d="M11.293 2.172a1 1 0 0 1 1.414 0l2.121 2.121a1 1 0 1 1-1.414 1.414L13 5.293V8a1 1 0 1 1-2 0V5.293l-.414.414a1 1 0 0 1-1.414-1.414zm6.364 6.756a1 1 0 1 1 1.414 1.414l-.707.707a1 1 0 0 1-1.414-1.414zm-12.728 0a1 1 0 0 1 1.414 0l.707.707a1 1 0 0 1-1.414 1.414l-.707-.707a1 1 0 0 1 0-1.414M17.197 19a6 6 0 1 0-10.394 0H4a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2zM2 15.999a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m17 0a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteSunriseFill(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" fillRule="evenodd" d="M11.293 2.172a1 1 0 0 1 1.414 0l2.121 2.121a1 1 0 1 1-1.414 1.414L13 5.293V8a1 1 0 1 1-2 0V5.293l-.414.414a1 1 0 0 1-1.414-1.414zm6.364 6.756a1 1 0 1 1 1.414 1.414l-.707.707a1 1 0 0 1-1.414-1.414zm-12.728 0a1 1 0 0 1 1.414 0l.707.707a1 1 0 0 1-1.414 1.414l-.707-.707a1 1 0 0 1 0-1.414M17.197 19a6 6 0 1 0-10.394 0H4a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2zM2 15.999a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m17 0a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.293 2.172a1 1 0 0 1 1.414 0l2.121 2.121a1 1 0 1 1-1.414 1.414L13 5.293V8a1 1 0 1 1-2 0V5.293l-.414.414a1 1 0 0 1-1.414-1.414zm6.364 6.756a1 1 0 1 1 1.414 1.414l-.707.707a1 1 0 0 1-1.414-1.414zm-12.728 0a1 1 0 0 1 1.414 0l.707.707a1 1 0 0 1-1.414 1.414l-.707-.707a1 1 0 0 1 0-1.414M17.197 19a6 6 0 1 0-10.394 0H4a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2zM2 15.999a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m17 0a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1" clip-rule="evenodd"/></svg> </template>
CSS
.icon-sunrise-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.293%202.172a1%201%200%200%201%201.414%200l2.121%202.121a1%201%200%201%201-1.414%201.414L13%205.293V8a1%201%200%201%201-2%200V5.293l-.414.414a1%201%200%200%201-1.414-1.414zm6.364%206.756a1%201%200%201%201%201.414%201.414l-.707.707a1%201%200%200%201-1.414-1.414zm-12.728%200a1%201%200%200%201%201.414%200l.707.707a1%201%200%200%201-1.414%201.414l-.707-.707a1%201%200%200%201%200-1.414M17.197%2019a6%206%200%201%200-10.394%200H4a1%201%200%201%200%200%202h16a1%201%200%201%200%200-2zM2%2015.999a1%201%200%200%201%201-1h1a1%201%200%201%201%200%202H3a1%201%200%200%201-1-1m17%200a1%201%200%200%201%201-1h1a1%201%200%201%201%200%202h-1a1%201%200%200%201-1-1%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M11.293%202.172a1%201%200%200%201%201.414%200l2.121%202.121a1%201%200%201%201-1.414%201.414L13%205.293V8a1%201%200%201%201-2%200V5.293l-.414.414a1%201%200%200%201-1.414-1.414zm6.364%206.756a1%201%200%201%201%201.414%201.414l-.707.707a1%201%200%200%201-1.414-1.414zm-12.728%200a1%201%200%200%201%201.414%200l.707.707a1%201%200%200%201-1.414%201.414l-.707-.707a1%201%200%200%201%200-1.414M17.197%2019a6%206%200%201%200-10.394%200H4a1%201%200%201%200%200%202h16a1%201%200%201%200%200-2zM2%2015.999a1%201%200%200%201%201-1h1a1%201%200%201%201%200%202H3a1%201%200%200%201-1-1m17%200a1%201%200%200%201%201-1h1a1%201%200%201%201%200%202h-1a1%201%200%200%201-1-1%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/sunrise-fill.svg?color=%231a73e8&size=48
