sunset icon
sunset-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- sunset-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
sunsetBootstrap IconssunsetCarbonsunsetEmoji One (Colored)sunsetElement PlussunsetFramework7 IconssunsetFeather IconssunsetFluent EmojisunsetFluent Emoji FlatsunsetFluent Emoji High ContrastsunsetHuge IconssunsetIconParksunsetIconPark OutlinesunsetIconPark SolidsunsetIconPark TwoTonesunsetLucidesunsetMyna UI IconssunsetNoto EmojisunsetOpenMojisunset-boldSolarsunsetTabler IconssunsetTwitter EmojisunsetUnicons
Use the sunset icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 19.001a1 1 0 1 0 0 2zm16 2a1 1 0 1 0 0-2zM16.95 9.637a1 1 0 0 0 1.414 1.414l-.707-.707zm2.121.707a1 1 0 0 0-1.414-1.414l.707.707zM20 15a1 1 0 1 0 0 2zm1 2a1 1 0 1 0 0-2zM4 17a1 1 0 1 0 0-2zm-1-2a1 1 0 1 0 0 2zm2.636-3.95A1 1 0 1 0 7.05 9.637l-.707.707zm.707-2.121a1 1 0 0 0-1.414 1.414l.707-.707zm4.243-3.76a1 1 0 0 0-1.414 1.415l.707-.707zM12 8l-.707.707a1 1 0 0 0 1.414 0zm2.828-1.414a1 1 0 0 0-1.414-1.414l.707.707zM11 7.499a1 1 0 1 0 2 0zm2-4.62a1 1 0 1 0-2 0zM4 20v1h16v-2H4zm3-4h1a4 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 16v1h1v-2h-1zM4 16v-1H3v2h1zm2.343-5.657l.707-.707l-.707-.707l-.707.707l-.707.707l.707.707zM9.88 5.878l-.707.707l2.12 2.121L12 8l.707-.707l-2.121-2.121zM12 7.999l.707.707l2.121-2.121l-.707-.707l-.707-.707l-2.121 2.12zm0-.5h1v-4.62h-2v4.62z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteSunsetLine(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 19.001a1 1 0 1 0 0 2zm16 2a1 1 0 1 0 0-2zM16.95 9.637a1 1 0 0 0 1.414 1.414l-.707-.707zm2.121.707a1 1 0 0 0-1.414-1.414l.707.707zM20 15a1 1 0 1 0 0 2zm1 2a1 1 0 1 0 0-2zM4 17a1 1 0 1 0 0-2zm-1-2a1 1 0 1 0 0 2zm2.636-3.95A1 1 0 1 0 7.05 9.637l-.707.707zm.707-2.121a1 1 0 0 0-1.414 1.414l.707-.707zm4.243-3.76a1 1 0 0 0-1.414 1.415l.707-.707zM12 8l-.707.707a1 1 0 0 0 1.414 0zm2.828-1.414a1 1 0 0 0-1.414-1.414l.707.707zM11 7.499a1 1 0 1 0 2 0zm2-4.62a1 1 0 1 0-2 0zM4 20v1h16v-2H4zm3-4h1a4 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 16v1h1v-2h-1zM4 16v-1H3v2h1zm2.343-5.657l.707-.707l-.707-.707l-.707.707l-.707.707l.707.707zM9.88 5.878l-.707.707l2.12 2.121L12 8l.707-.707l-2.121-2.121zM12 7.999l.707.707l2.121-2.121l-.707-.707l-.707-.707l-2.121 2.12zm0-.5h1v-4.62h-2v4.62z"/></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 19.001a1 1 0 1 0 0 2zm16 2a1 1 0 1 0 0-2zM16.95 9.637a1 1 0 0 0 1.414 1.414l-.707-.707zm2.121.707a1 1 0 0 0-1.414-1.414l.707.707zM20 15a1 1 0 1 0 0 2zm1 2a1 1 0 1 0 0-2zM4 17a1 1 0 1 0 0-2zm-1-2a1 1 0 1 0 0 2zm2.636-3.95A1 1 0 1 0 7.05 9.637l-.707.707zm.707-2.121a1 1 0 0 0-1.414 1.414l.707-.707zm4.243-3.76a1 1 0 0 0-1.414 1.415l.707-.707zM12 8l-.707.707a1 1 0 0 0 1.414 0zm2.828-1.414a1 1 0 0 0-1.414-1.414l.707.707zM11 7.499a1 1 0 1 0 2 0zm2-4.62a1 1 0 1 0-2 0zM4 20v1h16v-2H4zm3-4h1a4 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 16v1h1v-2h-1zM4 16v-1H3v2h1zm2.343-5.657l.707-.707l-.707-.707l-.707.707l-.707.707l.707.707zM9.88 5.878l-.707.707l2.12 2.121L12 8l.707-.707l-2.121-2.121zM12 7.999l.707.707l2.121-2.121l-.707-.707l-.707-.707l-2.121 2.12zm0-.5h1v-4.62h-2v4.62z"/></svg> </template>
CSS
.icon-sunset-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%2019.001a1%201%200%201%200%200%202zm16%202a1%201%200%201%200%200-2zM16.95%209.637a1%201%200%200%200%201.414%201.414l-.707-.707zm2.121.707a1%201%200%200%200-1.414-1.414l.707.707zM20%2015a1%201%200%201%200%200%202zm1%202a1%201%200%201%200%200-2zM4%2017a1%201%200%201%200%200-2zm-1-2a1%201%200%201%200%200%202zm2.636-3.95A1%201%200%201%200%207.05%209.637l-.707.707zm.707-2.121a1%201%200%200%200-1.414%201.414l.707-.707zm4.243-3.76a1%201%200%200%200-1.414%201.415l.707-.707zM12%208l-.707.707a1%201%200%200%200%201.414%200zm2.828-1.414a1%201%200%200%200-1.414-1.414l.707.707zM11%207.499a1%201%200%201%200%202%200zm2-4.62a1%201%200%201%200-2%200zM4%2020v1h16v-2H4zm3-4h1a4%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%2016v1h1v-2h-1zM4%2016v-1H3v2h1zm2.343-5.657l.707-.707l-.707-.707l-.707.707l-.707.707l.707.707zM9.88%205.878l-.707.707l2.12%202.121L12%208l.707-.707l-2.121-2.121zM12%207.999l.707.707l2.121-2.121l-.707-.707l-.707-.707l-2.121%202.12zm0-.5h1v-4.62h-2v4.62z%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%2019.001a1%201%200%201%200%200%202zm16%202a1%201%200%201%200%200-2zM16.95%209.637a1%201%200%200%200%201.414%201.414l-.707-.707zm2.121.707a1%201%200%200%200-1.414-1.414l.707.707zM20%2015a1%201%200%201%200%200%202zm1%202a1%201%200%201%200%200-2zM4%2017a1%201%200%201%200%200-2zm-1-2a1%201%200%201%200%200%202zm2.636-3.95A1%201%200%201%200%207.05%209.637l-.707.707zm.707-2.121a1%201%200%200%200-1.414%201.414l.707-.707zm4.243-3.76a1%201%200%200%200-1.414%201.415l.707-.707zM12%208l-.707.707a1%201%200%200%200%201.414%200zm2.828-1.414a1%201%200%200%200-1.414-1.414l.707.707zM11%207.499a1%201%200%201%200%202%200zm2-4.62a1%201%200%201%200-2%200zM4%2020v1h16v-2H4zm3-4h1a4%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%2016v1h1v-2h-1zM4%2016v-1H3v2h1zm2.343-5.657l.707-.707l-.707-.707l-.707.707l-.707.707l.707.707zM9.88%205.878l-.707.707l2.12%202.121L12%208l.707-.707l-2.121-2.121zM12%207.999l.707.707l2.121-2.121l-.707-.707l-.707-.707l-2.121%202.12zm0-.5h1v-4.62h-2v4.62z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/sunset-line.svg?color=%231a73e8&size=48
