sunraincloud emoji

More nature icons from Firefox OS Emoji

Use the sunraincloud emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><circle cx="129.407" cy="83.757" r="80.511" fill="#FFD60D"/><path fill="#B0E9FF" d="M54.815 416.554a11.07 11.07 0 0 1-7.854-3.253c-4.337-4.337-4.337-11.37 0-15.707l56.781-56.781c4.337-4.338 11.37-4.338 15.707 0c4.337 4.337 4.337 11.37 0 15.707l-56.781 56.781a11.07 11.07 0 0 1-7.853 3.253m51.76 75.419l53.682-53.682c4.337-4.337 4.337-11.369 0-15.707c-4.337-4.337-11.37-4.339-15.707 0l-53.682 53.682c-4.337 4.337-4.337 11.369 0 15.707a11.07 11.07 0 0 0 7.854 3.253c2.841 0 5.684-1.084 7.853-3.253m131.046-77.845l42.772-42.772c4.338-4.337 4.338-11.37 0-15.707s-11.369-4.338-15.707 0l-42.772 42.772c-4.337 4.337-4.337 11.37 0 15.707c2.168 2.169 5.011 3.253 7.854 3.253s5.685-1.084 7.853-3.253m-15.173 87.562l62.209-62.208c4.338-4.337 4.338-11.369 0-15.707c-4.337-4.338-11.368-4.338-15.707 0l-62.209 62.208c-4.337 4.337-4.337 11.369 0 15.707a11.07 11.07 0 0 0 7.854 3.253c2.842 0 5.685-1.084 7.853-3.253m140.635-58.555l54.07-54.07c4.338-4.337 4.338-11.37 0-15.707s-11.369-4.338-15.707 0l-54.07 54.07c-4.338 4.337-4.338 11.37 0 15.707c2.169 2.169 5.011 3.253 7.854 3.253s5.684-1.084 7.853-3.253m21.679-135.369l-72.074 72.075c-4.338 4.338-4.338 11.37 0 15.707c2.169 2.169 5.011 3.253 7.854 3.253s5.685-1.084 7.854-3.253l72.074-72.075c4.338-4.338 4.338-11.37 0-15.707c-4.339-4.338-11.37-4.338-15.708 0m44.182-128.062a62.4 62.4 0 0 0-14.952 1.82a64.8 64.8 0 0 0 1.653-14.493c0-35.672-28.918-64.59-64.59-64.59a64.3 64.3 0 0 0-36.477 11.29c-12.116-46.683-54.536-81.153-105.01-81.153c-59.914 0-108.485 48.57-108.485 108.485c-45.046 0-81.563 36.422-81.563 81.468s36.517 81.468 81.563 81.468h112.412l-65.175 65.269c-4.337 4.337-4.337 11.418 0 15.754c2.168 2.169 5.011 3.277 7.854 3.277s5.685-1.167 7.854-3.336L244.91 304h184.034c34.376 0 62.243-27.772 62.243-62.148c-.001-34.376-27.868-62.148-62.243-62.148"/></svg>

import type { SVGProps } from "react";

export function FxemojiSunraincloud(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><circle cx="129.407" cy="83.757" r="80.511" fill="#FFD60D"/><path fill="#B0E9FF" d="M54.815 416.554a11.07 11.07 0 0 1-7.854-3.253c-4.337-4.337-4.337-11.37 0-15.707l56.781-56.781c4.337-4.338 11.37-4.338 15.707 0c4.337 4.337 4.337 11.37 0 15.707l-56.781 56.781a11.07 11.07 0 0 1-7.853 3.253m51.76 75.419l53.682-53.682c4.337-4.337 4.337-11.369 0-15.707c-4.337-4.337-11.37-4.339-15.707 0l-53.682 53.682c-4.337 4.337-4.337 11.369 0 15.707a11.07 11.07 0 0 0 7.854 3.253c2.841 0 5.684-1.084 7.853-3.253m131.046-77.845l42.772-42.772c4.338-4.337 4.338-11.37 0-15.707s-11.369-4.338-15.707 0l-42.772 42.772c-4.337 4.337-4.337 11.37 0 15.707c2.168 2.169 5.011 3.253 7.854 3.253s5.685-1.084 7.853-3.253m-15.173 87.562l62.209-62.208c4.338-4.337 4.338-11.369 0-15.707c-4.337-4.338-11.368-4.338-15.707 0l-62.209 62.208c-4.337 4.337-4.337 11.369 0 15.707a11.07 11.07 0 0 0 7.854 3.253c2.842 0 5.685-1.084 7.853-3.253m140.635-58.555l54.07-54.07c4.338-4.337 4.338-11.37 0-15.707s-11.369-4.338-15.707 0l-54.07 54.07c-4.338 4.337-4.338 11.37 0 15.707c2.169 2.169 5.011 3.253 7.854 3.253s5.684-1.084 7.853-3.253m21.679-135.369l-72.074 72.075c-4.338 4.338-4.338 11.37 0 15.707c2.169 2.169 5.011 3.253 7.854 3.253s5.685-1.084 7.854-3.253l72.074-72.075c4.338-4.338 4.338-11.37 0-15.707c-4.339-4.338-11.37-4.338-15.708 0m44.182-128.062a62.4 62.4 0 0 0-14.952 1.82a64.8 64.8 0 0 0 1.653-14.493c0-35.672-28.918-64.59-64.59-64.59a64.3 64.3 0 0 0-36.477 11.29c-12.116-46.683-54.536-81.153-105.01-81.153c-59.914 0-108.485 48.57-108.485 108.485c-45.046 0-81.563 36.422-81.563 81.468s36.517 81.468 81.563 81.468h112.412l-65.175 65.269c-4.337 4.337-4.337 11.418 0 15.754c2.168 2.169 5.011 3.277 7.854 3.277s5.685-1.167 7.854-3.336L244.91 304h184.034c34.376 0 62.243-27.772 62.243-62.148c-.001-34.376-27.868-62.148-62.243-62.148"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><circle cx="129.407" cy="83.757" r="80.511" fill="#FFD60D"/><path fill="#B0E9FF" d="M54.815 416.554a11.07 11.07 0 0 1-7.854-3.253c-4.337-4.337-4.337-11.37 0-15.707l56.781-56.781c4.337-4.338 11.37-4.338 15.707 0c4.337 4.337 4.337 11.37 0 15.707l-56.781 56.781a11.07 11.07 0 0 1-7.853 3.253m51.76 75.419l53.682-53.682c4.337-4.337 4.337-11.369 0-15.707c-4.337-4.337-11.37-4.339-15.707 0l-53.682 53.682c-4.337 4.337-4.337 11.369 0 15.707a11.07 11.07 0 0 0 7.854 3.253c2.841 0 5.684-1.084 7.853-3.253m131.046-77.845l42.772-42.772c4.338-4.337 4.338-11.37 0-15.707s-11.369-4.338-15.707 0l-42.772 42.772c-4.337 4.337-4.337 11.37 0 15.707c2.168 2.169 5.011 3.253 7.854 3.253s5.685-1.084 7.853-3.253m-15.173 87.562l62.209-62.208c4.338-4.337 4.338-11.369 0-15.707c-4.337-4.338-11.368-4.338-15.707 0l-62.209 62.208c-4.337 4.337-4.337 11.369 0 15.707a11.07 11.07 0 0 0 7.854 3.253c2.842 0 5.685-1.084 7.853-3.253m140.635-58.555l54.07-54.07c4.338-4.337 4.338-11.37 0-15.707s-11.369-4.338-15.707 0l-54.07 54.07c-4.338 4.337-4.338 11.37 0 15.707c2.169 2.169 5.011 3.253 7.854 3.253s5.684-1.084 7.853-3.253m21.679-135.369l-72.074 72.075c-4.338 4.338-4.338 11.37 0 15.707c2.169 2.169 5.011 3.253 7.854 3.253s5.685-1.084 7.854-3.253l72.074-72.075c4.338-4.338 4.338-11.37 0-15.707c-4.339-4.338-11.37-4.338-15.708 0m44.182-128.062a62.4 62.4 0 0 0-14.952 1.82a64.8 64.8 0 0 0 1.653-14.493c0-35.672-28.918-64.59-64.59-64.59a64.3 64.3 0 0 0-36.477 11.29c-12.116-46.683-54.536-81.153-105.01-81.153c-59.914 0-108.485 48.57-108.485 108.485c-45.046 0-81.563 36.422-81.563 81.468s36.517 81.468 81.563 81.468h112.412l-65.175 65.269c-4.337 4.337-4.337 11.418 0 15.754c2.168 2.169 5.011 3.277 7.854 3.277s5.685-1.167 7.854-3.336L244.91 304h184.034c34.376 0 62.243-27.772 62.243-62.148c-.001-34.376-27.868-62.148-62.243-62.148"/></svg>
</template>

.icon-sunraincloud {
  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%20512%20512%22%3E%3Ccircle%20cx%3D%22129.407%22%20cy%3D%2283.757%22%20r%3D%2280.511%22%20fill%3D%22%23FFD60D%22%2F%3E%3Cpath%20fill%3D%22%23B0E9FF%22%20d%3D%22M54.815%20416.554a11.07%2011.07%200%200%201-7.854-3.253c-4.337-4.337-4.337-11.37%200-15.707l56.781-56.781c4.337-4.338%2011.37-4.338%2015.707%200c4.337%204.337%204.337%2011.37%200%2015.707l-56.781%2056.781a11.07%2011.07%200%200%201-7.853%203.253m51.76%2075.419l53.682-53.682c4.337-4.337%204.337-11.369%200-15.707c-4.337-4.337-11.37-4.339-15.707%200l-53.682%2053.682c-4.337%204.337-4.337%2011.369%200%2015.707a11.07%2011.07%200%200%200%207.854%203.253c2.841%200%205.684-1.084%207.853-3.253m131.046-77.845l42.772-42.772c4.338-4.337%204.338-11.37%200-15.707s-11.369-4.338-15.707%200l-42.772%2042.772c-4.337%204.337-4.337%2011.37%200%2015.707c2.168%202.169%205.011%203.253%207.854%203.253s5.685-1.084%207.853-3.253m-15.173%2087.562l62.209-62.208c4.338-4.337%204.338-11.369%200-15.707c-4.337-4.338-11.368-4.338-15.707%200l-62.209%2062.208c-4.337%204.337-4.337%2011.369%200%2015.707a11.07%2011.07%200%200%200%207.854%203.253c2.842%200%205.685-1.084%207.853-3.253m140.635-58.555l54.07-54.07c4.338-4.337%204.338-11.37%200-15.707s-11.369-4.338-15.707%200l-54.07%2054.07c-4.338%204.337-4.338%2011.37%200%2015.707c2.169%202.169%205.011%203.253%207.854%203.253s5.684-1.084%207.853-3.253m21.679-135.369l-72.074%2072.075c-4.338%204.338-4.338%2011.37%200%2015.707c2.169%202.169%205.011%203.253%207.854%203.253s5.685-1.084%207.854-3.253l72.074-72.075c4.338-4.338%204.338-11.37%200-15.707c-4.339-4.338-11.37-4.338-15.708%200m44.182-128.062a62.4%2062.4%200%200%200-14.952%201.82a64.8%2064.8%200%200%200%201.653-14.493c0-35.672-28.918-64.59-64.59-64.59a64.3%2064.3%200%200%200-36.477%2011.29c-12.116-46.683-54.536-81.153-105.01-81.153c-59.914%200-108.485%2048.57-108.485%20108.485c-45.046%200-81.563%2036.422-81.563%2081.468s36.517%2081.468%2081.563%2081.468h112.412l-65.175%2065.269c-4.337%204.337-4.337%2011.418%200%2015.754c2.168%202.169%205.011%203.277%207.854%203.277s5.685-1.167%207.854-3.336L244.91%20304h184.034c34.376%200%2062.243-27.772%2062.243-62.148c-.001-34.376-27.868-62.148-62.243-62.148%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%20512%20512%22%3E%3Ccircle%20cx%3D%22129.407%22%20cy%3D%2283.757%22%20r%3D%2280.511%22%20fill%3D%22%23FFD60D%22%2F%3E%3Cpath%20fill%3D%22%23B0E9FF%22%20d%3D%22M54.815%20416.554a11.07%2011.07%200%200%201-7.854-3.253c-4.337-4.337-4.337-11.37%200-15.707l56.781-56.781c4.337-4.338%2011.37-4.338%2015.707%200c4.337%204.337%204.337%2011.37%200%2015.707l-56.781%2056.781a11.07%2011.07%200%200%201-7.853%203.253m51.76%2075.419l53.682-53.682c4.337-4.337%204.337-11.369%200-15.707c-4.337-4.337-11.37-4.339-15.707%200l-53.682%2053.682c-4.337%204.337-4.337%2011.369%200%2015.707a11.07%2011.07%200%200%200%207.854%203.253c2.841%200%205.684-1.084%207.853-3.253m131.046-77.845l42.772-42.772c4.338-4.337%204.338-11.37%200-15.707s-11.369-4.338-15.707%200l-42.772%2042.772c-4.337%204.337-4.337%2011.37%200%2015.707c2.168%202.169%205.011%203.253%207.854%203.253s5.685-1.084%207.853-3.253m-15.173%2087.562l62.209-62.208c4.338-4.337%204.338-11.369%200-15.707c-4.337-4.338-11.368-4.338-15.707%200l-62.209%2062.208c-4.337%204.337-4.337%2011.369%200%2015.707a11.07%2011.07%200%200%200%207.854%203.253c2.842%200%205.685-1.084%207.853-3.253m140.635-58.555l54.07-54.07c4.338-4.337%204.338-11.37%200-15.707s-11.369-4.338-15.707%200l-54.07%2054.07c-4.338%204.337-4.338%2011.37%200%2015.707c2.169%202.169%205.011%203.253%207.854%203.253s5.684-1.084%207.853-3.253m21.679-135.369l-72.074%2072.075c-4.338%204.338-4.338%2011.37%200%2015.707c2.169%202.169%205.011%203.253%207.854%203.253s5.685-1.084%207.854-3.253l72.074-72.075c4.338-4.338%204.338-11.37%200-15.707c-4.339-4.338-11.37-4.338-15.708%200m44.182-128.062a62.4%2062.4%200%200%200-14.952%201.82a64.8%2064.8%200%200%200%201.653-14.493c0-35.672-28.918-64.59-64.59-64.59a64.3%2064.3%200%200%200-36.477%2011.29c-12.116-46.683-54.536-81.153-105.01-81.153c-59.914%200-108.485%2048.57-108.485%20108.485c-45.046%200-81.563%2036.422-81.563%2081.468s36.517%2081.468%2081.563%2081.468h112.412l-65.175%2065.269c-4.337%204.337-4.337%2011.418%200%2015.754c2.168%202.169%205.011%203.277%207.854%203.277s5.685-1.167%207.854-3.336L244.91%20304h184.034c34.376%200%2062.243-27.772%2062.243-62.148c-.001-34.376-27.868-62.148-62.243-62.148%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/sunraincloud.svg?color=%231a73e8&size=48