stormcloud emoji

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

Name
stormcloud
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 stormcloud emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFD60D" d="M322.879 231.55L184.271 367.952l-2.173-5.245l137.404-.29h.045a3.341 3.341 0 0 1 2.332 5.74L189.75 496.205a.476.476 0 0 1-.673-.674l128.048-132.13l2.377 5.74l-137.404-.29a3.075 3.075 0 0 1-2.191-5.227l.019-.019l136.402-138.608a4.632 4.632 0 1 1 6.551 6.553"/><path fill="#95A7AF" d="M411.429 171.587a47.6 47.6 0 0 0 3.596-18.181c0-26.35-21.361-47.71-47.71-47.71c-5.079 0-9.97.801-14.561 2.271c-10.505-52.378-56.755-91.835-112.225-91.835c-63.218 0-114.467 51.249-114.467 114.467c-47.53 0-86.061 38.671-86.061 86.201s38.53 86.2 86.06 86.2h280.264C442.596 303 472 273.456 472 237.185c0-34.552-26.688-62.991-60.571-65.598"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiStormcloud(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFD60D" d="M322.879 231.55L184.271 367.952l-2.173-5.245l137.404-.29h.045a3.341 3.341 0 0 1 2.332 5.74L189.75 496.205a.476.476 0 0 1-.673-.674l128.048-132.13l2.377 5.74l-137.404-.29a3.075 3.075 0 0 1-2.191-5.227l.019-.019l136.402-138.608a4.632 4.632 0 1 1 6.551 6.553"/><path fill="#95A7AF" d="M411.429 171.587a47.6 47.6 0 0 0 3.596-18.181c0-26.35-21.361-47.71-47.71-47.71c-5.079 0-9.97.801-14.561 2.271c-10.505-52.378-56.755-91.835-112.225-91.835c-63.218 0-114.467 51.249-114.467 114.467c-47.53 0-86.061 38.671-86.061 86.201s38.53 86.2 86.06 86.2h280.264C442.596 303 472 273.456 472 237.185c0-34.552-26.688-62.991-60.571-65.598"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFD60D" d="M322.879 231.55L184.271 367.952l-2.173-5.245l137.404-.29h.045a3.341 3.341 0 0 1 2.332 5.74L189.75 496.205a.476.476 0 0 1-.673-.674l128.048-132.13l2.377 5.74l-137.404-.29a3.075 3.075 0 0 1-2.191-5.227l.019-.019l136.402-138.608a4.632 4.632 0 1 1 6.551 6.553"/><path fill="#95A7AF" d="M411.429 171.587a47.6 47.6 0 0 0 3.596-18.181c0-26.35-21.361-47.71-47.71-47.71c-5.079 0-9.97.801-14.561 2.271c-10.505-52.378-56.755-91.835-112.225-91.835c-63.218 0-114.467 51.249-114.467 114.467c-47.53 0-86.061 38.671-86.061 86.201s38.53 86.2 86.06 86.2h280.264C442.596 303 472 273.456 472 237.185c0-34.552-26.688-62.991-60.571-65.598"/></svg>
</template>

CSS

.icon-stormcloud {
  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%3Cpath%20fill%3D%22%23FFD60D%22%20d%3D%22M322.879%20231.55L184.271%20367.952l-2.173-5.245l137.404-.29h.045a3.341%203.341%200%200%201%202.332%205.74L189.75%20496.205a.476.476%200%200%201-.673-.674l128.048-132.13l2.377%205.74l-137.404-.29a3.075%203.075%200%200%201-2.191-5.227l.019-.019l136.402-138.608a4.632%204.632%200%201%201%206.551%206.553%22%2F%3E%3Cpath%20fill%3D%22%2395A7AF%22%20d%3D%22M411.429%20171.587a47.6%2047.6%200%200%200%203.596-18.181c0-26.35-21.361-47.71-47.71-47.71c-5.079%200-9.97.801-14.561%202.271c-10.505-52.378-56.755-91.835-112.225-91.835c-63.218%200-114.467%2051.249-114.467%20114.467c-47.53%200-86.061%2038.671-86.061%2086.201s38.53%2086.2%2086.06%2086.2h280.264C442.596%20303%20472%20273.456%20472%20237.185c0-34.552-26.688-62.991-60.571-65.598%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%3Cpath%20fill%3D%22%23FFD60D%22%20d%3D%22M322.879%20231.55L184.271%20367.952l-2.173-5.245l137.404-.29h.045a3.341%203.341%200%200%201%202.332%205.74L189.75%20496.205a.476.476%200%200%201-.673-.674l128.048-132.13l2.377%205.74l-137.404-.29a3.075%203.075%200%200%201-2.191-5.227l.019-.019l136.402-138.608a4.632%204.632%200%201%201%206.551%206.553%22%2F%3E%3Cpath%20fill%3D%22%2395A7AF%22%20d%3D%22M411.429%20171.587a47.6%2047.6%200%200%200%203.596-18.181c0-26.35-21.361-47.71-47.71-47.71c-5.079%200-9.97.801-14.561%202.271c-10.505-52.378-56.755-91.835-112.225-91.835c-63.218%200-114.467%2051.249-114.467%20114.467c-47.53%200-86.061%2038.671-86.061%2086.201s38.53%2086.2%2086.06%2086.2h280.264C442.596%20303%20472%20273.456%20472%20237.185c0-34.552-26.688-62.991-60.571-65.598%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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