sun behind cloud emoji

The same emoji in other sets

More nature icons from Emoji One (Colored)

Use the sun behind cloud emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#ffce31"><path d="m14.7 44.4l4.8-4.9c-1.7-.4-3.3-1-4.7-2zM30.3 6.6l-4.8 4.9c1.7.4 3.3 1 4.7 2zM3.6 33.3l6.9-.1c-.9-1.4-1.6-3-2-4.7zm37.8-15.6l-6.9.1c.9 1.4 1.6 3 2 4.7zm-37.8 0l4.9 4.8c.4-1.7 1-3.3 2-4.7zm37.8 15.6l-4.9-4.8c-.4 1.7-1 3.3-2 4.7zM14.7 6.6l.1 6.9c1.4-.9 3-1.6 4.7-2zm15.6 37.8l-.1-6.9c-1.4.9-3 1.6-4.7 2zM10.7 33.7L8 40l6.3-2.7q-2.1-1.5-3.6-3.6m23.6-16.4L37 11l-6.3 2.7q2.1 1.5 3.6 3.6M8.4 22.9L2 25.5l6.4 2.6c-.1-.8-.2-1.7-.2-2.6c-.1-.9 0-1.7.2-2.6m28.2 5.2l6.4-2.6l-6.4-2.6c.2.8.2 1.7.2 2.6s0 1.7-.2 2.6M14.3 13.7L8 11l2.7 6.3q1.5-2.1 3.6-3.6m16.4 23.6L37 40l-2.7-6.3q-1.5 2.1-3.6 3.6m-5.6-25.9L22.5 5l-2.6 6.4c.8-.1 1.7-.2 2.6-.2c.9-.1 1.7 0 2.6.2m-5.2 28.2l2.6 6.4l2.6-6.4c-.8.1-1.7.2-2.6.2s-1.7 0-2.6-.2"/><circle cx="22.5" cy="25.5" r="13"/></g><path fill="#fff" d="M17.2 57.1c-1 0-2-.2-2.9-.5c-3.8-1.3-6.4-4.9-6.4-9c0-2.7 1.2-5.4 3.2-7.2c.5-.5 1.1-.9 1.7-1.2l.6-2.2c1.5-5.5 6.5-9.3 12.1-9.3c.6 0 1.1 0 1.8.1l1.5.3l.2-.5c2.3-4.2 6.6-6.7 11.2-6.7C47.3 20.9 53 26.8 53 34v1.3c.5.2 1.1.5 1.6.8c3.4 2 5.5 5.8 5.5 9.8c0 5.3-3.5 9.8-8.6 11c-.8.2-1.7.3-2.5.3H17.2z"/><path fill="#75d6ff" d="M40.3 22.8c6 0 10.9 5 10.9 11.2v.9c-2.5.2-4.8 1.2-6.6 2.8c1.3-.8 2.9-1.2 4.6-1.2c.6 0 1.2.1 1.8.2c1 .2 1.9.6 2.8 1.1c2.7 1.6 4.6 4.6 4.6 8.1c0 4.4-3 8.2-7.1 9.1c-.7.2-1.3.2-2.1.2h-32c-.8 0-1.6-.1-2.3-.4c-3-1-5.1-3.9-5.1-7.2c0-2.3 1-4.3 2.6-5.7q1.05-.9 2.4-1.5c.8-.3 1.6-.4 2.5-.4c2.4 0 4.5 1.2 5.9 3h.1c-1.6-3-4.5-5.1-8-5.4c1.3-4.6 5.4-8 10.3-8c.5 0 1 .1 1.5.1c1 .1 1.9.4 2.8.8c3.3 1.5 5.7 4.7 6.3 8.5v-.1c0-4.3-2.2-8.1-5.4-10.3c1.8-3.5 5.3-5.8 9.5-5.8m0-3.8c-5 0-9.7 2.6-12.4 7h-.3c-.8-.1-1.4-.2-2.1-.2c-6.4 0-12.2 4.4-13.9 10.7l-.5 1.5c-.5.3-.9.6-1.3 1C7.4 41.1 6 44.3 6 47.6c0 4.9 3.1 9.3 7.7 10.8c1.1.4 2.3.6 3.5.6h31.9c1 0 1.9-.1 2.9-.3c5.9-1.4 10-6.7 10-12.8c0-4.7-2.5-9.1-6.5-11.4l-.6-.3v-.1c0-8.4-6.5-15.1-14.6-15.1"/></svg>

import type { SVGProps } from "react";

export function EmojioneSunBehindCloud(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#ffce31"><path d="m14.7 44.4l4.8-4.9c-1.7-.4-3.3-1-4.7-2zM30.3 6.6l-4.8 4.9c1.7.4 3.3 1 4.7 2zM3.6 33.3l6.9-.1c-.9-1.4-1.6-3-2-4.7zm37.8-15.6l-6.9.1c.9 1.4 1.6 3 2 4.7zm-37.8 0l4.9 4.8c.4-1.7 1-3.3 2-4.7zm37.8 15.6l-4.9-4.8c-.4 1.7-1 3.3-2 4.7zM14.7 6.6l.1 6.9c1.4-.9 3-1.6 4.7-2zm15.6 37.8l-.1-6.9c-1.4.9-3 1.6-4.7 2zM10.7 33.7L8 40l6.3-2.7q-2.1-1.5-3.6-3.6m23.6-16.4L37 11l-6.3 2.7q2.1 1.5 3.6 3.6M8.4 22.9L2 25.5l6.4 2.6c-.1-.8-.2-1.7-.2-2.6c-.1-.9 0-1.7.2-2.6m28.2 5.2l6.4-2.6l-6.4-2.6c.2.8.2 1.7.2 2.6s0 1.7-.2 2.6M14.3 13.7L8 11l2.7 6.3q1.5-2.1 3.6-3.6m16.4 23.6L37 40l-2.7-6.3q-1.5 2.1-3.6 3.6m-5.6-25.9L22.5 5l-2.6 6.4c.8-.1 1.7-.2 2.6-.2c.9-.1 1.7 0 2.6.2m-5.2 28.2l2.6 6.4l2.6-6.4c-.8.1-1.7.2-2.6.2s-1.7 0-2.6-.2"/><circle cx="22.5" cy="25.5" r="13"/></g><path fill="#fff" d="M17.2 57.1c-1 0-2-.2-2.9-.5c-3.8-1.3-6.4-4.9-6.4-9c0-2.7 1.2-5.4 3.2-7.2c.5-.5 1.1-.9 1.7-1.2l.6-2.2c1.5-5.5 6.5-9.3 12.1-9.3c.6 0 1.1 0 1.8.1l1.5.3l.2-.5c2.3-4.2 6.6-6.7 11.2-6.7C47.3 20.9 53 26.8 53 34v1.3c.5.2 1.1.5 1.6.8c3.4 2 5.5 5.8 5.5 9.8c0 5.3-3.5 9.8-8.6 11c-.8.2-1.7.3-2.5.3H17.2z"/><path fill="#75d6ff" d="M40.3 22.8c6 0 10.9 5 10.9 11.2v.9c-2.5.2-4.8 1.2-6.6 2.8c1.3-.8 2.9-1.2 4.6-1.2c.6 0 1.2.1 1.8.2c1 .2 1.9.6 2.8 1.1c2.7 1.6 4.6 4.6 4.6 8.1c0 4.4-3 8.2-7.1 9.1c-.7.2-1.3.2-2.1.2h-32c-.8 0-1.6-.1-2.3-.4c-3-1-5.1-3.9-5.1-7.2c0-2.3 1-4.3 2.6-5.7q1.05-.9 2.4-1.5c.8-.3 1.6-.4 2.5-.4c2.4 0 4.5 1.2 5.9 3h.1c-1.6-3-4.5-5.1-8-5.4c1.3-4.6 5.4-8 10.3-8c.5 0 1 .1 1.5.1c1 .1 1.9.4 2.8.8c3.3 1.5 5.7 4.7 6.3 8.5v-.1c0-4.3-2.2-8.1-5.4-10.3c1.8-3.5 5.3-5.8 9.5-5.8m0-3.8c-5 0-9.7 2.6-12.4 7h-.3c-.8-.1-1.4-.2-2.1-.2c-6.4 0-12.2 4.4-13.9 10.7l-.5 1.5c-.5.3-.9.6-1.3 1C7.4 41.1 6 44.3 6 47.6c0 4.9 3.1 9.3 7.7 10.8c1.1.4 2.3.6 3.5.6h31.9c1 0 1.9-.1 2.9-.3c5.9-1.4 10-6.7 10-12.8c0-4.7-2.5-9.1-6.5-11.4l-.6-.3v-.1c0-8.4-6.5-15.1-14.6-15.1"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#ffce31"><path d="m14.7 44.4l4.8-4.9c-1.7-.4-3.3-1-4.7-2zM30.3 6.6l-4.8 4.9c1.7.4 3.3 1 4.7 2zM3.6 33.3l6.9-.1c-.9-1.4-1.6-3-2-4.7zm37.8-15.6l-6.9.1c.9 1.4 1.6 3 2 4.7zm-37.8 0l4.9 4.8c.4-1.7 1-3.3 2-4.7zm37.8 15.6l-4.9-4.8c-.4 1.7-1 3.3-2 4.7zM14.7 6.6l.1 6.9c1.4-.9 3-1.6 4.7-2zm15.6 37.8l-.1-6.9c-1.4.9-3 1.6-4.7 2zM10.7 33.7L8 40l6.3-2.7q-2.1-1.5-3.6-3.6m23.6-16.4L37 11l-6.3 2.7q2.1 1.5 3.6 3.6M8.4 22.9L2 25.5l6.4 2.6c-.1-.8-.2-1.7-.2-2.6c-.1-.9 0-1.7.2-2.6m28.2 5.2l6.4-2.6l-6.4-2.6c.2.8.2 1.7.2 2.6s0 1.7-.2 2.6M14.3 13.7L8 11l2.7 6.3q1.5-2.1 3.6-3.6m16.4 23.6L37 40l-2.7-6.3q-1.5 2.1-3.6 3.6m-5.6-25.9L22.5 5l-2.6 6.4c.8-.1 1.7-.2 2.6-.2c.9-.1 1.7 0 2.6.2m-5.2 28.2l2.6 6.4l2.6-6.4c-.8.1-1.7.2-2.6.2s-1.7 0-2.6-.2"/><circle cx="22.5" cy="25.5" r="13"/></g><path fill="#fff" d="M17.2 57.1c-1 0-2-.2-2.9-.5c-3.8-1.3-6.4-4.9-6.4-9c0-2.7 1.2-5.4 3.2-7.2c.5-.5 1.1-.9 1.7-1.2l.6-2.2c1.5-5.5 6.5-9.3 12.1-9.3c.6 0 1.1 0 1.8.1l1.5.3l.2-.5c2.3-4.2 6.6-6.7 11.2-6.7C47.3 20.9 53 26.8 53 34v1.3c.5.2 1.1.5 1.6.8c3.4 2 5.5 5.8 5.5 9.8c0 5.3-3.5 9.8-8.6 11c-.8.2-1.7.3-2.5.3H17.2z"/><path fill="#75d6ff" d="M40.3 22.8c6 0 10.9 5 10.9 11.2v.9c-2.5.2-4.8 1.2-6.6 2.8c1.3-.8 2.9-1.2 4.6-1.2c.6 0 1.2.1 1.8.2c1 .2 1.9.6 2.8 1.1c2.7 1.6 4.6 4.6 4.6 8.1c0 4.4-3 8.2-7.1 9.1c-.7.2-1.3.2-2.1.2h-32c-.8 0-1.6-.1-2.3-.4c-3-1-5.1-3.9-5.1-7.2c0-2.3 1-4.3 2.6-5.7q1.05-.9 2.4-1.5c.8-.3 1.6-.4 2.5-.4c2.4 0 4.5 1.2 5.9 3h.1c-1.6-3-4.5-5.1-8-5.4c1.3-4.6 5.4-8 10.3-8c.5 0 1 .1 1.5.1c1 .1 1.9.4 2.8.8c3.3 1.5 5.7 4.7 6.3 8.5v-.1c0-4.3-2.2-8.1-5.4-10.3c1.8-3.5 5.3-5.8 9.5-5.8m0-3.8c-5 0-9.7 2.6-12.4 7h-.3c-.8-.1-1.4-.2-2.1-.2c-6.4 0-12.2 4.4-13.9 10.7l-.5 1.5c-.5.3-.9.6-1.3 1C7.4 41.1 6 44.3 6 47.6c0 4.9 3.1 9.3 7.7 10.8c1.1.4 2.3.6 3.5.6h31.9c1 0 1.9-.1 2.9-.3c5.9-1.4 10-6.7 10-12.8c0-4.7-2.5-9.1-6.5-11.4l-.6-.3v-.1c0-8.4-6.5-15.1-14.6-15.1"/></svg>
</template>

.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%2064%2064%22%3E%3Cg%20fill%3D%22%23ffce31%22%3E%3Cpath%20d%3D%22m14.7%2044.4l4.8-4.9c-1.7-.4-3.3-1-4.7-2zM30.3%206.6l-4.8%204.9c1.7.4%203.3%201%204.7%202zM3.6%2033.3l6.9-.1c-.9-1.4-1.6-3-2-4.7zm37.8-15.6l-6.9.1c.9%201.4%201.6%203%202%204.7zm-37.8%200l4.9%204.8c.4-1.7%201-3.3%202-4.7zm37.8%2015.6l-4.9-4.8c-.4%201.7-1%203.3-2%204.7zM14.7%206.6l.1%206.9c1.4-.9%203-1.6%204.7-2zm15.6%2037.8l-.1-6.9c-1.4.9-3%201.6-4.7%202zM10.7%2033.7L8%2040l6.3-2.7q-2.1-1.5-3.6-3.6m23.6-16.4L37%2011l-6.3%202.7q2.1%201.5%203.6%203.6M8.4%2022.9L2%2025.5l6.4%202.6c-.1-.8-.2-1.7-.2-2.6c-.1-.9%200-1.7.2-2.6m28.2%205.2l6.4-2.6l-6.4-2.6c.2.8.2%201.7.2%202.6s0%201.7-.2%202.6M14.3%2013.7L8%2011l2.7%206.3q1.5-2.1%203.6-3.6m16.4%2023.6L37%2040l-2.7-6.3q-1.5%202.1-3.6%203.6m-5.6-25.9L22.5%205l-2.6%206.4c.8-.1%201.7-.2%202.6-.2c.9-.1%201.7%200%202.6.2m-5.2%2028.2l2.6%206.4l2.6-6.4c-.8.1-1.7.2-2.6.2s-1.7%200-2.6-.2%22%2F%3E%3Ccircle%20cx%3D%2222.5%22%20cy%3D%2225.5%22%20r%3D%2213%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.2%2057.1c-1%200-2-.2-2.9-.5c-3.8-1.3-6.4-4.9-6.4-9c0-2.7%201.2-5.4%203.2-7.2c.5-.5%201.1-.9%201.7-1.2l.6-2.2c1.5-5.5%206.5-9.3%2012.1-9.3c.6%200%201.1%200%201.8.1l1.5.3l.2-.5c2.3-4.2%206.6-6.7%2011.2-6.7C47.3%2020.9%2053%2026.8%2053%2034v1.3c.5.2%201.1.5%201.6.8c3.4%202%205.5%205.8%205.5%209.8c0%205.3-3.5%209.8-8.6%2011c-.8.2-1.7.3-2.5.3H17.2z%22%2F%3E%3Cpath%20fill%3D%22%2375d6ff%22%20d%3D%22M40.3%2022.8c6%200%2010.9%205%2010.9%2011.2v.9c-2.5.2-4.8%201.2-6.6%202.8c1.3-.8%202.9-1.2%204.6-1.2c.6%200%201.2.1%201.8.2c1%20.2%201.9.6%202.8%201.1c2.7%201.6%204.6%204.6%204.6%208.1c0%204.4-3%208.2-7.1%209.1c-.7.2-1.3.2-2.1.2h-32c-.8%200-1.6-.1-2.3-.4c-3-1-5.1-3.9-5.1-7.2c0-2.3%201-4.3%202.6-5.7q1.05-.9%202.4-1.5c.8-.3%201.6-.4%202.5-.4c2.4%200%204.5%201.2%205.9%203h.1c-1.6-3-4.5-5.1-8-5.4c1.3-4.6%205.4-8%2010.3-8c.5%200%201%20.1%201.5.1c1%20.1%201.9.4%202.8.8c3.3%201.5%205.7%204.7%206.3%208.5v-.1c0-4.3-2.2-8.1-5.4-10.3c1.8-3.5%205.3-5.8%209.5-5.8m0-3.8c-5%200-9.7%202.6-12.4%207h-.3c-.8-.1-1.4-.2-2.1-.2c-6.4%200-12.2%204.4-13.9%2010.7l-.5%201.5c-.5.3-.9.6-1.3%201C7.4%2041.1%206%2044.3%206%2047.6c0%204.9%203.1%209.3%207.7%2010.8c1.1.4%202.3.6%203.5.6h31.9c1%200%201.9-.1%202.9-.3c5.9-1.4%2010-6.7%2010-12.8c0-4.7-2.5-9.1-6.5-11.4l-.6-.3v-.1c0-8.4-6.5-15.1-14.6-15.1%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%2064%2064%22%3E%3Cg%20fill%3D%22%23ffce31%22%3E%3Cpath%20d%3D%22m14.7%2044.4l4.8-4.9c-1.7-.4-3.3-1-4.7-2zM30.3%206.6l-4.8%204.9c1.7.4%203.3%201%204.7%202zM3.6%2033.3l6.9-.1c-.9-1.4-1.6-3-2-4.7zm37.8-15.6l-6.9.1c.9%201.4%201.6%203%202%204.7zm-37.8%200l4.9%204.8c.4-1.7%201-3.3%202-4.7zm37.8%2015.6l-4.9-4.8c-.4%201.7-1%203.3-2%204.7zM14.7%206.6l.1%206.9c1.4-.9%203-1.6%204.7-2zm15.6%2037.8l-.1-6.9c-1.4.9-3%201.6-4.7%202zM10.7%2033.7L8%2040l6.3-2.7q-2.1-1.5-3.6-3.6m23.6-16.4L37%2011l-6.3%202.7q2.1%201.5%203.6%203.6M8.4%2022.9L2%2025.5l6.4%202.6c-.1-.8-.2-1.7-.2-2.6c-.1-.9%200-1.7.2-2.6m28.2%205.2l6.4-2.6l-6.4-2.6c.2.8.2%201.7.2%202.6s0%201.7-.2%202.6M14.3%2013.7L8%2011l2.7%206.3q1.5-2.1%203.6-3.6m16.4%2023.6L37%2040l-2.7-6.3q-1.5%202.1-3.6%203.6m-5.6-25.9L22.5%205l-2.6%206.4c.8-.1%201.7-.2%202.6-.2c.9-.1%201.7%200%202.6.2m-5.2%2028.2l2.6%206.4l2.6-6.4c-.8.1-1.7.2-2.6.2s-1.7%200-2.6-.2%22%2F%3E%3Ccircle%20cx%3D%2222.5%22%20cy%3D%2225.5%22%20r%3D%2213%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.2%2057.1c-1%200-2-.2-2.9-.5c-3.8-1.3-6.4-4.9-6.4-9c0-2.7%201.2-5.4%203.2-7.2c.5-.5%201.1-.9%201.7-1.2l.6-2.2c1.5-5.5%206.5-9.3%2012.1-9.3c.6%200%201.1%200%201.8.1l1.5.3l.2-.5c2.3-4.2%206.6-6.7%2011.2-6.7C47.3%2020.9%2053%2026.8%2053%2034v1.3c.5.2%201.1.5%201.6.8c3.4%202%205.5%205.8%205.5%209.8c0%205.3-3.5%209.8-8.6%2011c-.8.2-1.7.3-2.5.3H17.2z%22%2F%3E%3Cpath%20fill%3D%22%2375d6ff%22%20d%3D%22M40.3%2022.8c6%200%2010.9%205%2010.9%2011.2v.9c-2.5.2-4.8%201.2-6.6%202.8c1.3-.8%202.9-1.2%204.6-1.2c.6%200%201.2.1%201.8.2c1%20.2%201.9.6%202.8%201.1c2.7%201.6%204.6%204.6%204.6%208.1c0%204.4-3%208.2-7.1%209.1c-.7.2-1.3.2-2.1.2h-32c-.8%200-1.6-.1-2.3-.4c-3-1-5.1-3.9-5.1-7.2c0-2.3%201-4.3%202.6-5.7q1.05-.9%202.4-1.5c.8-.3%201.6-.4%202.5-.4c2.4%200%204.5%201.2%205.9%203h.1c-1.6-3-4.5-5.1-8-5.4c1.3-4.6%205.4-8%2010.3-8c.5%200%201%20.1%201.5.1c1%20.1%201.9.4%202.8.8c3.3%201.5%205.7%204.7%206.3%208.5v-.1c0-4.3-2.2-8.1-5.4-10.3c1.8-3.5%205.3-5.8%209.5-5.8m0-3.8c-5%200-9.7%202.6-12.4%207h-.3c-.8-.1-1.4-.2-2.1-.2c-6.4%200-12.2%204.4-13.9%2010.7l-.5%201.5c-.5.3-.9.6-1.3%201C7.4%2041.1%206%2044.3%206%2047.6c0%204.9%203.1%209.3%207.7%2010.8c1.1.4%202.3.6%203.5.6h31.9c1%200%201.9-.1%202.9-.3c5.9-1.4%2010-6.7%2010-12.8c0-4.7-2.5-9.1-6.5-11.4l-.6-.3v-.1c0-8.4-6.5-15.1-14.6-15.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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