sun behind large cloud emoji

sun-behind-large-cloud from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.

Name
sun-behind-large-cloud
Set
Emoji One (Colored)
Style
Default
Category
Nature
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

sun-behind-large-cloudFluent Emojisun-behind-large-cloudFluent Emoji Flatsun-behind-large-cloudFluent Emoji High Contrastsun-behind-large-cloudNoto Emojisun-behind-large-cloudOpenMojisun-behind-large-cloudTwitter Emoji

More nature icons from Emoji One (Colored)

antbaby-chickbatbear-facebirdblossomblowfishboarbouquetbugbutterflycactuscamelcatcat-facecherry-blossomchickenchipmunkcloudcloud-with-lightningcloud-with-lightning-and-raincloud-with-raincloud-with-snowcollision

Use the sun behind large cloud emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#ffce31"><circle cx="22" cy="24" r="9.3"/><path d="M25.7 13.1L22 4l-3.7 9.1c1.2-.2 2.5-.3 3.7-.3c1.3 0 2.5.1 3.7.3m-7.4 21.8L22 44l3.7-9.1c-1.2.2-2.5.3-3.7.3c-1.3 0-2.5-.1-3.7-.3m14.6-7.2L42 24l-9.1-3.7c.2 1.2.3 2.5.3 3.7c0 1.3-.1 2.5-.3 3.7m-21.8-7.4L2 24l9.1 3.7c-.2-1.2-.3-2.5-.3-3.7c0-1.3.1-2.5.3-3.7M32.3 19l3.8-9.1l-9.1 3.8c1 .7 2 1.5 2.9 2.4s1.7 1.8 2.4 2.9M11.7 29l-3.8 9.1l9.1-3.8c-1-.7-2-1.5-2.9-2.4s-1.7-1.8-2.4-2.9M27 34.3l9.1 3.8l-3.8-9.1c-.7 1-1.5 2-2.4 2.9s-1.8 1.7-2.9 2.4M17 13.7L7.9 9.9l3.8 9.1c.7-1 1.5-2 2.4-2.9s1.8-1.7 2.9-2.4"/></g><path fill="#fff" d="M17.2 58.1c-1 0-2-.2-2.9-.5c-3.8-1.3-6.4-4.9-6.4-9c0-2.7 1.2-5.3 3.2-7.1c.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.1 6.6-6.7 11.2-6.7C47.3 22 53 27.8 53 35v1.3c.5.2 1.1.5 1.6.8c3.4 2 5.5 5.7 5.5 9.7c0 5.2-3.5 9.7-8.6 10.9c-.8.2-1.7.3-2.5.3z"/><path fill="#75d6ff" d="M40.3 24.1c6 0 10.9 5 10.9 11.1v.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 8c0 4.4-3 8.1-7.1 9c-.7.2-1.3.2-2.1.2h-32c-.8 0-1.6-.1-2.3-.4c-3-1-5.1-3.8-5.1-7.2c0-2.3 1-4.3 2.6-5.7c.7-.6 1.5-1.1 2.4-1.4c.8-.3 1.6-.4 2.5-.4c2.4 0 4.5 1.2 5.9 2.9h.1c-1.6-3-4.5-5-8-5.4c1.3-4.6 5.4-7.9 10.3-7.9c.5 0 1 .1 1.5.1c1 .1 1.9.4 2.8.8c3.3 1.5 5.7 4.6 6.3 8.4v-.1c0-4.3-2.2-8-5.4-10.2c1.8-3.3 5.3-5.6 9.5-5.6m0-3.7c-5 0-9.7 2.6-12.4 6.9h-.3c-.8-.1-1.4-.2-2.1-.2c-6.4 0-12.2 4.4-13.9 10.6l-.4 1.5c-.5.3-.9.6-1.3 1C7.4 42.3 6 45.4 6 48.7c0 4.9 3.1 9.2 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.6 10-12.7c0-4.6-2.5-9-6.5-11.3l-.6-.3v-.1c0-8.4-6.5-15-14.6-15"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneSunBehindLargeCloud(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"><circle cx="22" cy="24" r="9.3"/><path d="M25.7 13.1L22 4l-3.7 9.1c1.2-.2 2.5-.3 3.7-.3c1.3 0 2.5.1 3.7.3m-7.4 21.8L22 44l3.7-9.1c-1.2.2-2.5.3-3.7.3c-1.3 0-2.5-.1-3.7-.3m14.6-7.2L42 24l-9.1-3.7c.2 1.2.3 2.5.3 3.7c0 1.3-.1 2.5-.3 3.7m-21.8-7.4L2 24l9.1 3.7c-.2-1.2-.3-2.5-.3-3.7c0-1.3.1-2.5.3-3.7M32.3 19l3.8-9.1l-9.1 3.8c1 .7 2 1.5 2.9 2.4s1.7 1.8 2.4 2.9M11.7 29l-3.8 9.1l9.1-3.8c-1-.7-2-1.5-2.9-2.4s-1.7-1.8-2.4-2.9M27 34.3l9.1 3.8l-3.8-9.1c-.7 1-1.5 2-2.4 2.9s-1.8 1.7-2.9 2.4M17 13.7L7.9 9.9l3.8 9.1c.7-1 1.5-2 2.4-2.9s1.8-1.7 2.9-2.4"/></g><path fill="#fff" d="M17.2 58.1c-1 0-2-.2-2.9-.5c-3.8-1.3-6.4-4.9-6.4-9c0-2.7 1.2-5.3 3.2-7.1c.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.1 6.6-6.7 11.2-6.7C47.3 22 53 27.8 53 35v1.3c.5.2 1.1.5 1.6.8c3.4 2 5.5 5.7 5.5 9.7c0 5.2-3.5 9.7-8.6 10.9c-.8.2-1.7.3-2.5.3z"/><path fill="#75d6ff" d="M40.3 24.1c6 0 10.9 5 10.9 11.1v.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 8c0 4.4-3 8.1-7.1 9c-.7.2-1.3.2-2.1.2h-32c-.8 0-1.6-.1-2.3-.4c-3-1-5.1-3.8-5.1-7.2c0-2.3 1-4.3 2.6-5.7c.7-.6 1.5-1.1 2.4-1.4c.8-.3 1.6-.4 2.5-.4c2.4 0 4.5 1.2 5.9 2.9h.1c-1.6-3-4.5-5-8-5.4c1.3-4.6 5.4-7.9 10.3-7.9c.5 0 1 .1 1.5.1c1 .1 1.9.4 2.8.8c3.3 1.5 5.7 4.6 6.3 8.4v-.1c0-4.3-2.2-8-5.4-10.2c1.8-3.3 5.3-5.6 9.5-5.6m0-3.7c-5 0-9.7 2.6-12.4 6.9h-.3c-.8-.1-1.4-.2-2.1-.2c-6.4 0-12.2 4.4-13.9 10.6l-.4 1.5c-.5.3-.9.6-1.3 1C7.4 42.3 6 45.4 6 48.7c0 4.9 3.1 9.2 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.6 10-12.7c0-4.6-2.5-9-6.5-11.3l-.6-.3v-.1c0-8.4-6.5-15-14.6-15"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#ffce31"><circle cx="22" cy="24" r="9.3"/><path d="M25.7 13.1L22 4l-3.7 9.1c1.2-.2 2.5-.3 3.7-.3c1.3 0 2.5.1 3.7.3m-7.4 21.8L22 44l3.7-9.1c-1.2.2-2.5.3-3.7.3c-1.3 0-2.5-.1-3.7-.3m14.6-7.2L42 24l-9.1-3.7c.2 1.2.3 2.5.3 3.7c0 1.3-.1 2.5-.3 3.7m-21.8-7.4L2 24l9.1 3.7c-.2-1.2-.3-2.5-.3-3.7c0-1.3.1-2.5.3-3.7M32.3 19l3.8-9.1l-9.1 3.8c1 .7 2 1.5 2.9 2.4s1.7 1.8 2.4 2.9M11.7 29l-3.8 9.1l9.1-3.8c-1-.7-2-1.5-2.9-2.4s-1.7-1.8-2.4-2.9M27 34.3l9.1 3.8l-3.8-9.1c-.7 1-1.5 2-2.4 2.9s-1.8 1.7-2.9 2.4M17 13.7L7.9 9.9l3.8 9.1c.7-1 1.5-2 2.4-2.9s1.8-1.7 2.9-2.4"/></g><path fill="#fff" d="M17.2 58.1c-1 0-2-.2-2.9-.5c-3.8-1.3-6.4-4.9-6.4-9c0-2.7 1.2-5.3 3.2-7.1c.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.1 6.6-6.7 11.2-6.7C47.3 22 53 27.8 53 35v1.3c.5.2 1.1.5 1.6.8c3.4 2 5.5 5.7 5.5 9.7c0 5.2-3.5 9.7-8.6 10.9c-.8.2-1.7.3-2.5.3z"/><path fill="#75d6ff" d="M40.3 24.1c6 0 10.9 5 10.9 11.1v.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 8c0 4.4-3 8.1-7.1 9c-.7.2-1.3.2-2.1.2h-32c-.8 0-1.6-.1-2.3-.4c-3-1-5.1-3.8-5.1-7.2c0-2.3 1-4.3 2.6-5.7c.7-.6 1.5-1.1 2.4-1.4c.8-.3 1.6-.4 2.5-.4c2.4 0 4.5 1.2 5.9 2.9h.1c-1.6-3-4.5-5-8-5.4c1.3-4.6 5.4-7.9 10.3-7.9c.5 0 1 .1 1.5.1c1 .1 1.9.4 2.8.8c3.3 1.5 5.7 4.6 6.3 8.4v-.1c0-4.3-2.2-8-5.4-10.2c1.8-3.3 5.3-5.6 9.5-5.6m0-3.7c-5 0-9.7 2.6-12.4 6.9h-.3c-.8-.1-1.4-.2-2.1-.2c-6.4 0-12.2 4.4-13.9 10.6l-.4 1.5c-.5.3-.9.6-1.3 1C7.4 42.3 6 45.4 6 48.7c0 4.9 3.1 9.2 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.6 10-12.7c0-4.6-2.5-9-6.5-11.3l-.6-.3v-.1c0-8.4-6.5-15-14.6-15"/></svg>
</template>

CSS

.icon-sun-behind-large-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%3Ccircle%20cx%3D%2222%22%20cy%3D%2224%22%20r%3D%229.3%22%2F%3E%3Cpath%20d%3D%22M25.7%2013.1L22%204l-3.7%209.1c1.2-.2%202.5-.3%203.7-.3c1.3%200%202.5.1%203.7.3m-7.4%2021.8L22%2044l3.7-9.1c-1.2.2-2.5.3-3.7.3c-1.3%200-2.5-.1-3.7-.3m14.6-7.2L42%2024l-9.1-3.7c.2%201.2.3%202.5.3%203.7c0%201.3-.1%202.5-.3%203.7m-21.8-7.4L2%2024l9.1%203.7c-.2-1.2-.3-2.5-.3-3.7c0-1.3.1-2.5.3-3.7M32.3%2019l3.8-9.1l-9.1%203.8c1%20.7%202%201.5%202.9%202.4s1.7%201.8%202.4%202.9M11.7%2029l-3.8%209.1l9.1-3.8c-1-.7-2-1.5-2.9-2.4s-1.7-1.8-2.4-2.9M27%2034.3l9.1%203.8l-3.8-9.1c-.7%201-1.5%202-2.4%202.9s-1.8%201.7-2.9%202.4M17%2013.7L7.9%209.9l3.8%209.1c.7-1%201.5-2%202.4-2.9s1.8-1.7%202.9-2.4%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.2%2058.1c-1%200-2-.2-2.9-.5c-3.8-1.3-6.4-4.9-6.4-9c0-2.7%201.2-5.3%203.2-7.1c.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.1%206.6-6.7%2011.2-6.7C47.3%2022%2053%2027.8%2053%2035v1.3c.5.2%201.1.5%201.6.8c3.4%202%205.5%205.7%205.5%209.7c0%205.2-3.5%209.7-8.6%2010.9c-.8.2-1.7.3-2.5.3z%22%2F%3E%3Cpath%20fill%3D%22%2375d6ff%22%20d%3D%22M40.3%2024.1c6%200%2010.9%205%2010.9%2011.1v.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%208c0%204.4-3%208.1-7.1%209c-.7.2-1.3.2-2.1.2h-32c-.8%200-1.6-.1-2.3-.4c-3-1-5.1-3.8-5.1-7.2c0-2.3%201-4.3%202.6-5.7c.7-.6%201.5-1.1%202.4-1.4c.8-.3%201.6-.4%202.5-.4c2.4%200%204.5%201.2%205.9%202.9h.1c-1.6-3-4.5-5-8-5.4c1.3-4.6%205.4-7.9%2010.3-7.9c.5%200%201%20.1%201.5.1c1%20.1%201.9.4%202.8.8c3.3%201.5%205.7%204.6%206.3%208.4v-.1c0-4.3-2.2-8-5.4-10.2c1.8-3.3%205.3-5.6%209.5-5.6m0-3.7c-5%200-9.7%202.6-12.4%206.9h-.3c-.8-.1-1.4-.2-2.1-.2c-6.4%200-12.2%204.4-13.9%2010.6l-.4%201.5c-.5.3-.9.6-1.3%201C7.4%2042.3%206%2045.4%206%2048.7c0%204.9%203.1%209.2%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.6%2010-12.7c0-4.6-2.5-9-6.5-11.3l-.6-.3v-.1c0-8.4-6.5-15-14.6-15%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%3Ccircle%20cx%3D%2222%22%20cy%3D%2224%22%20r%3D%229.3%22%2F%3E%3Cpath%20d%3D%22M25.7%2013.1L22%204l-3.7%209.1c1.2-.2%202.5-.3%203.7-.3c1.3%200%202.5.1%203.7.3m-7.4%2021.8L22%2044l3.7-9.1c-1.2.2-2.5.3-3.7.3c-1.3%200-2.5-.1-3.7-.3m14.6-7.2L42%2024l-9.1-3.7c.2%201.2.3%202.5.3%203.7c0%201.3-.1%202.5-.3%203.7m-21.8-7.4L2%2024l9.1%203.7c-.2-1.2-.3-2.5-.3-3.7c0-1.3.1-2.5.3-3.7M32.3%2019l3.8-9.1l-9.1%203.8c1%20.7%202%201.5%202.9%202.4s1.7%201.8%202.4%202.9M11.7%2029l-3.8%209.1l9.1-3.8c-1-.7-2-1.5-2.9-2.4s-1.7-1.8-2.4-2.9M27%2034.3l9.1%203.8l-3.8-9.1c-.7%201-1.5%202-2.4%202.9s-1.8%201.7-2.9%202.4M17%2013.7L7.9%209.9l3.8%209.1c.7-1%201.5-2%202.4-2.9s1.8-1.7%202.9-2.4%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.2%2058.1c-1%200-2-.2-2.9-.5c-3.8-1.3-6.4-4.9-6.4-9c0-2.7%201.2-5.3%203.2-7.1c.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.1%206.6-6.7%2011.2-6.7C47.3%2022%2053%2027.8%2053%2035v1.3c.5.2%201.1.5%201.6.8c3.4%202%205.5%205.7%205.5%209.7c0%205.2-3.5%209.7-8.6%2010.9c-.8.2-1.7.3-2.5.3z%22%2F%3E%3Cpath%20fill%3D%22%2375d6ff%22%20d%3D%22M40.3%2024.1c6%200%2010.9%205%2010.9%2011.1v.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%208c0%204.4-3%208.1-7.1%209c-.7.2-1.3.2-2.1.2h-32c-.8%200-1.6-.1-2.3-.4c-3-1-5.1-3.8-5.1-7.2c0-2.3%201-4.3%202.6-5.7c.7-.6%201.5-1.1%202.4-1.4c.8-.3%201.6-.4%202.5-.4c2.4%200%204.5%201.2%205.9%202.9h.1c-1.6-3-4.5-5-8-5.4c1.3-4.6%205.4-7.9%2010.3-7.9c.5%200%201%20.1%201.5.1c1%20.1%201.9.4%202.8.8c3.3%201.5%205.7%204.6%206.3%208.4v-.1c0-4.3-2.2-8-5.4-10.2c1.8-3.3%205.3-5.6%209.5-5.6m0-3.7c-5%200-9.7%202.6-12.4%206.9h-.3c-.8-.1-1.4-.2-2.1-.2c-6.4%200-12.2%204.4-13.9%2010.6l-.4%201.5c-.5.3-.9.6-1.3%201C7.4%2042.3%206%2045.4%206%2048.7c0%204.9%203.1%209.2%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.6%2010-12.7c0-4.6-2.5-9-6.5-11.3l-.6-.3v-.1c0-8.4-6.5-15-14.6-15%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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