sun behind cloud emoji
sun-behind-cloud from OpenMoji by OpenMoji · Default · Travel Places · CC-BY-SA-4.0 Attribution required.
- Name
- sun-behind-cloud
- Set
- OpenMoji
- Style
- Default
- Category
- Travel Places
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More travel places icons from OpenMoji
Use the sun behind cloud emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="m17.889 41.528l-6.167 3.404l.729-8.537l-8.064-1.162l6.036-5.472l-5.841-5.682l8.103-.877l-1.393-8.031l7.072 4.057l3.595-7.318l3.336 7.437l7.209-3.804l-1.666 7.976l8.888 1.81l-6.602 5.366l5.873 5.835l-8.123.676l1.195 8.064l-6.971-4.221l-4.658 7.559z"/><path fill="#fff" d="M25.294 39.547a.77.77 0 0 1-.681.687c-4.362.467-7.716 4.762-7.716 9.989c0 5.539 3.841 10.029 8.58 10.029h32.71c5.206 0 9.426-4.745 9.426-10.599c0-5.61-3.876-10.201-8.781-10.574a.82.82 0 0 1-.751-.659c-1.096-5.627-6.15-9.855-12.127-9.855c-3.884 0-7.343 1.758-9.59 4.555c-.22.274-.588.4-.912.263c-.865-.362-1.778-.538-2.8-.538c-3.86 0-7.029 2.946-7.358 6.702"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path stroke-width="1.9" d="m14.291 42.414l-3.199 1.796l1.666-7.977l-8.065-1.161l6.036-5.473l-5.841-5.682l8.104-.877l-1.394-8.031l7.073 4.057l3.594-7.318l3.336 7.437l7.209-3.804l-1.666 7.976l8.064 1.162l-2.924 2.383"/><path stroke-width="1.9" d="M17.282 39.517a10.78 10.78 0 0 1-6.113-9.722c0-5.955 4.827-10.782 10.782-10.782c5.59 0 10.186 4.254 10.728 9.701"/><path stroke-width="2" d="M25.294 39.547a.77.77 0 0 1-.681.687c-4.362.467-7.716 4.762-7.716 9.989c0 5.539 3.841 10.029 8.58 10.029h32.71c5.206 0 9.426-4.745 9.426-10.599c0-5.61-3.876-10.201-8.781-10.574a.82.82 0 0 1-.751-.659c-1.096-5.627-6.15-9.855-12.127-9.855c-3.884 0-7.343 1.758-9.59 4.555c-.22.274-.588.4-.912.263c-.865-.362-1.778-.538-2.8-.538c-3.86 0-7.029 2.946-7.358 6.702"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiSunBehindCloud(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="m17.889 41.528l-6.167 3.404l.729-8.537l-8.064-1.162l6.036-5.472l-5.841-5.682l8.103-.877l-1.393-8.031l7.072 4.057l3.595-7.318l3.336 7.437l7.209-3.804l-1.666 7.976l8.888 1.81l-6.602 5.366l5.873 5.835l-8.123.676l1.195 8.064l-6.971-4.221l-4.658 7.559z"/><path fill="#fff" d="M25.294 39.547a.77.77 0 0 1-.681.687c-4.362.467-7.716 4.762-7.716 9.989c0 5.539 3.841 10.029 8.58 10.029h32.71c5.206 0 9.426-4.745 9.426-10.599c0-5.61-3.876-10.201-8.781-10.574a.82.82 0 0 1-.751-.659c-1.096-5.627-6.15-9.855-12.127-9.855c-3.884 0-7.343 1.758-9.59 4.555c-.22.274-.588.4-.912.263c-.865-.362-1.778-.538-2.8-.538c-3.86 0-7.029 2.946-7.358 6.702"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10"><path strokeWidth="1.9" d="m14.291 42.414l-3.199 1.796l1.666-7.977l-8.065-1.161l6.036-5.473l-5.841-5.682l8.104-.877l-1.394-8.031l7.073 4.057l3.594-7.318l3.336 7.437l7.209-3.804l-1.666 7.976l8.064 1.162l-2.924 2.383"/><path strokeWidth="1.9" d="M17.282 39.517a10.78 10.78 0 0 1-6.113-9.722c0-5.955 4.827-10.782 10.782-10.782c5.59 0 10.186 4.254 10.728 9.701"/><path strokeWidth="2" d="M25.294 39.547a.77.77 0 0 1-.681.687c-4.362.467-7.716 4.762-7.716 9.989c0 5.539 3.841 10.029 8.58 10.029h32.71c5.206 0 9.426-4.745 9.426-10.599c0-5.61-3.876-10.201-8.781-10.574a.82.82 0 0 1-.751-.659c-1.096-5.627-6.15-9.855-12.127-9.855c-3.884 0-7.343 1.758-9.59 4.555c-.22.274-.588.4-.912.263c-.865-.362-1.778-.538-2.8-.538c-3.86 0-7.029 2.946-7.358 6.702"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="m17.889 41.528l-6.167 3.404l.729-8.537l-8.064-1.162l6.036-5.472l-5.841-5.682l8.103-.877l-1.393-8.031l7.072 4.057l3.595-7.318l3.336 7.437l7.209-3.804l-1.666 7.976l8.888 1.81l-6.602 5.366l5.873 5.835l-8.123.676l1.195 8.064l-6.971-4.221l-4.658 7.559z"/><path fill="#fff" d="M25.294 39.547a.77.77 0 0 1-.681.687c-4.362.467-7.716 4.762-7.716 9.989c0 5.539 3.841 10.029 8.58 10.029h32.71c5.206 0 9.426-4.745 9.426-10.599c0-5.61-3.876-10.201-8.781-10.574a.82.82 0 0 1-.751-.659c-1.096-5.627-6.15-9.855-12.127-9.855c-3.884 0-7.343 1.758-9.59 4.555c-.22.274-.588.4-.912.263c-.865-.362-1.778-.538-2.8-.538c-3.86 0-7.029 2.946-7.358 6.702"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path stroke-width="1.9" d="m14.291 42.414l-3.199 1.796l1.666-7.977l-8.065-1.161l6.036-5.473l-5.841-5.682l8.104-.877l-1.394-8.031l7.073 4.057l3.594-7.318l3.336 7.437l7.209-3.804l-1.666 7.976l8.064 1.162l-2.924 2.383"/><path stroke-width="1.9" d="M17.282 39.517a10.78 10.78 0 0 1-6.113-9.722c0-5.955 4.827-10.782 10.782-10.782c5.59 0 10.186 4.254 10.728 9.701"/><path stroke-width="2" d="M25.294 39.547a.77.77 0 0 1-.681.687c-4.362.467-7.716 4.762-7.716 9.989c0 5.539 3.841 10.029 8.58 10.029h32.71c5.206 0 9.426-4.745 9.426-10.599c0-5.61-3.876-10.201-8.781-10.574a.82.82 0 0 1-.751-.659c-1.096-5.627-6.15-9.855-12.127-9.855c-3.884 0-7.343 1.758-9.59 4.555c-.22.274-.588.4-.912.263c-.865-.362-1.778-.538-2.8-.538c-3.86 0-7.029 2.946-7.358 6.702"/></g></svg> </template>
CSS
.icon-sun-behind-cloud {
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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22m17.889%2041.528l-6.167%203.404l.729-8.537l-8.064-1.162l6.036-5.472l-5.841-5.682l8.103-.877l-1.393-8.031l7.072%204.057l3.595-7.318l3.336%207.437l7.209-3.804l-1.666%207.976l8.888%201.81l-6.602%205.366l5.873%205.835l-8.123.676l1.195%208.064l-6.971-4.221l-4.658%207.559z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M25.294%2039.547a.77.77%200%200%201-.681.687c-4.362.467-7.716%204.762-7.716%209.989c0%205.539%203.841%2010.029%208.58%2010.029h32.71c5.206%200%209.426-4.745%209.426-10.599c0-5.61-3.876-10.201-8.781-10.574a.82.82%200%200%201-.751-.659c-1.096-5.627-6.15-9.855-12.127-9.855c-3.884%200-7.343%201.758-9.59%204.555c-.22.274-.588.4-.912.263c-.865-.362-1.778-.538-2.8-.538c-3.86%200-7.029%202.946-7.358%206.702%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%3E%3Cpath%20stroke-width%3D%221.9%22%20d%3D%22m14.291%2042.414l-3.199%201.796l1.666-7.977l-8.065-1.161l6.036-5.473l-5.841-5.682l8.104-.877l-1.394-8.031l7.073%204.057l3.594-7.318l3.336%207.437l7.209-3.804l-1.666%207.976l8.064%201.162l-2.924%202.383%22%2F%3E%3Cpath%20stroke-width%3D%221.9%22%20d%3D%22M17.282%2039.517a10.78%2010.78%200%200%201-6.113-9.722c0-5.955%204.827-10.782%2010.782-10.782c5.59%200%2010.186%204.254%2010.728%209.701%22%2F%3E%3Cpath%20stroke-width%3D%222%22%20d%3D%22M25.294%2039.547a.77.77%200%200%201-.681.687c-4.362.467-7.716%204.762-7.716%209.989c0%205.539%203.841%2010.029%208.58%2010.029h32.71c5.206%200%209.426-4.745%209.426-10.599c0-5.61-3.876-10.201-8.781-10.574a.82.82%200%200%201-.751-.659c-1.096-5.627-6.15-9.855-12.127-9.855c-3.884%200-7.343%201.758-9.59%204.555c-.22.274-.588.4-.912.263c-.865-.362-1.778-.538-2.8-.538c-3.86%200-7.029%202.946-7.358%206.702%22%2F%3E%3C%2Fg%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22m17.889%2041.528l-6.167%203.404l.729-8.537l-8.064-1.162l6.036-5.472l-5.841-5.682l8.103-.877l-1.393-8.031l7.072%204.057l3.595-7.318l3.336%207.437l7.209-3.804l-1.666%207.976l8.888%201.81l-6.602%205.366l5.873%205.835l-8.123.676l1.195%208.064l-6.971-4.221l-4.658%207.559z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M25.294%2039.547a.77.77%200%200%201-.681.687c-4.362.467-7.716%204.762-7.716%209.989c0%205.539%203.841%2010.029%208.58%2010.029h32.71c5.206%200%209.426-4.745%209.426-10.599c0-5.61-3.876-10.201-8.781-10.574a.82.82%200%200%201-.751-.659c-1.096-5.627-6.15-9.855-12.127-9.855c-3.884%200-7.343%201.758-9.59%204.555c-.22.274-.588.4-.912.263c-.865-.362-1.778-.538-2.8-.538c-3.86%200-7.029%202.946-7.358%206.702%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%3E%3Cpath%20stroke-width%3D%221.9%22%20d%3D%22m14.291%2042.414l-3.199%201.796l1.666-7.977l-8.065-1.161l6.036-5.473l-5.841-5.682l8.104-.877l-1.394-8.031l7.073%204.057l3.594-7.318l3.336%207.437l7.209-3.804l-1.666%207.976l8.064%201.162l-2.924%202.383%22%2F%3E%3Cpath%20stroke-width%3D%221.9%22%20d%3D%22M17.282%2039.517a10.78%2010.78%200%200%201-6.113-9.722c0-5.955%204.827-10.782%2010.782-10.782c5.59%200%2010.186%204.254%2010.728%209.701%22%2F%3E%3Cpath%20stroke-width%3D%222%22%20d%3D%22M25.294%2039.547a.77.77%200%200%201-.681.687c-4.362.467-7.716%204.762-7.716%209.989c0%205.539%203.841%2010.029%208.58%2010.029h32.71c5.206%200%209.426-4.745%209.426-10.599c0-5.61-3.876-10.201-8.781-10.574a.82.82%200%200%201-.751-.659c-1.096-5.627-6.15-9.855-12.127-9.855c-3.884%200-7.343%201.758-9.59%204.555c-.22.274-.588.4-.912.263c-.865-.362-1.778-.538-2.8-.538c-3.86%200-7.029%202.946-7.358%206.702%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/sun-behind-cloud.svg?color=%231a73e8&size=48
