whitesunsmallcloud emoji

whitesunsmallcloud from Firefox OS Emoji by Mozilla · Default · Nature · Apache-2.0 Free for personal and commercial use.

Name
whitesunsmallcloud
Set
Firefox OS Emoji
Style
Default
Category
Nature
Viewbox
512×512
License
Apache 2.0

More nature icons from Firefox OS Emoji

acornamericasglobeantasiaaustraliaglobebabychickbactriancamelbearbirdblackrosetteblossomblowfishboarboltbouquetbouquetofflowersbugbunnybunnysidecactuscatcatsidecherryblossomchickenchilipepper

Use the whitesunsmallcloud emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><circle cx="121.384" cy="163.506" r="97.84" fill="#FFD60D"/><path fill="#B0E9FF" d="M438.065 311.237a66 66 0 0 0-15.808 1.925a68.5 68.5 0 0 0 1.748-15.323c0-37.714-30.573-68.286-68.286-68.286c-14.312 0-27.59 4.411-38.564 11.936c-12.81-49.355-57.658-85.798-111.02-85.798c-63.344 0-114.694 51.35-114.694 114.694c-47.624 0-86.232 38.683-86.232 86.308S43.815 443 91.439 443h346.626c36.343 0 65.805-29.538 65.805-65.881s-29.462-65.882-65.805-65.882"/><path fill="#D3D638" d="M92.292 256.949a97.8 97.8 0 0 0 29.092 4.398c54.036 0 97.841-43.805 97.841-97.841c0-2.387-.189-4.726-.357-7.07c-4.186-.463-8.425-.746-12.734-.746c-58.792 0-107.179 44.257-113.842 101.259"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiWhitesunsmallcloud(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><circle cx="121.384" cy="163.506" r="97.84" fill="#FFD60D"/><path fill="#B0E9FF" d="M438.065 311.237a66 66 0 0 0-15.808 1.925a68.5 68.5 0 0 0 1.748-15.323c0-37.714-30.573-68.286-68.286-68.286c-14.312 0-27.59 4.411-38.564 11.936c-12.81-49.355-57.658-85.798-111.02-85.798c-63.344 0-114.694 51.35-114.694 114.694c-47.624 0-86.232 38.683-86.232 86.308S43.815 443 91.439 443h346.626c36.343 0 65.805-29.538 65.805-65.881s-29.462-65.882-65.805-65.882"/><path fill="#D3D638" d="M92.292 256.949a97.8 97.8 0 0 0 29.092 4.398c54.036 0 97.841-43.805 97.841-97.841c0-2.387-.189-4.726-.357-7.07c-4.186-.463-8.425-.746-12.734-.746c-58.792 0-107.179 44.257-113.842 101.259"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><circle cx="121.384" cy="163.506" r="97.84" fill="#FFD60D"/><path fill="#B0E9FF" d="M438.065 311.237a66 66 0 0 0-15.808 1.925a68.5 68.5 0 0 0 1.748-15.323c0-37.714-30.573-68.286-68.286-68.286c-14.312 0-27.59 4.411-38.564 11.936c-12.81-49.355-57.658-85.798-111.02-85.798c-63.344 0-114.694 51.35-114.694 114.694c-47.624 0-86.232 38.683-86.232 86.308S43.815 443 91.439 443h346.626c36.343 0 65.805-29.538 65.805-65.881s-29.462-65.882-65.805-65.882"/><path fill="#D3D638" d="M92.292 256.949a97.8 97.8 0 0 0 29.092 4.398c54.036 0 97.841-43.805 97.841-97.841c0-2.387-.189-4.726-.357-7.07c-4.186-.463-8.425-.746-12.734-.746c-58.792 0-107.179 44.257-113.842 101.259"/></svg>
</template>

CSS

.icon-whitesunsmallcloud {
  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%22121.384%22%20cy%3D%22163.506%22%20r%3D%2297.84%22%20fill%3D%22%23FFD60D%22%2F%3E%3Cpath%20fill%3D%22%23B0E9FF%22%20d%3D%22M438.065%20311.237a66%2066%200%200%200-15.808%201.925a68.5%2068.5%200%200%200%201.748-15.323c0-37.714-30.573-68.286-68.286-68.286c-14.312%200-27.59%204.411-38.564%2011.936c-12.81-49.355-57.658-85.798-111.02-85.798c-63.344%200-114.694%2051.35-114.694%20114.694c-47.624%200-86.232%2038.683-86.232%2086.308S43.815%20443%2091.439%20443h346.626c36.343%200%2065.805-29.538%2065.805-65.881s-29.462-65.882-65.805-65.882%22%2F%3E%3Cpath%20fill%3D%22%23D3D638%22%20d%3D%22M92.292%20256.949a97.8%2097.8%200%200%200%2029.092%204.398c54.036%200%2097.841-43.805%2097.841-97.841c0-2.387-.189-4.726-.357-7.07c-4.186-.463-8.425-.746-12.734-.746c-58.792%200-107.179%2044.257-113.842%20101.259%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%22121.384%22%20cy%3D%22163.506%22%20r%3D%2297.84%22%20fill%3D%22%23FFD60D%22%2F%3E%3Cpath%20fill%3D%22%23B0E9FF%22%20d%3D%22M438.065%20311.237a66%2066%200%200%200-15.808%201.925a68.5%2068.5%200%200%200%201.748-15.323c0-37.714-30.573-68.286-68.286-68.286c-14.312%200-27.59%204.411-38.564%2011.936c-12.81-49.355-57.658-85.798-111.02-85.798c-63.344%200-114.694%2051.35-114.694%20114.694c-47.624%200-86.232%2038.683-86.232%2086.308S43.815%20443%2091.439%20443h346.626c36.343%200%2065.805-29.538%2065.805-65.881s-29.462-65.882-65.805-65.882%22%2F%3E%3Cpath%20fill%3D%22%23D3D638%22%20d%3D%22M92.292%20256.949a97.8%2097.8%200%200%200%2029.092%204.398c54.036%200%2097.841-43.805%2097.841-97.841c0-2.387-.189-4.726-.357-7.07c-4.186-.463-8.425-.746-12.734-.746c-58.792%200-107.179%2044.257-113.842%20101.259%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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