cloud with lightning emoji

cloud-with-lightning from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.

Name
cloud-with-lightning
Set
Fluent Emoji High Contrast
Style
Default
Category
Travel & Places
Viewbox
32×32
License
MIT

The same emoji in other sets

cloud-with-lightningEmoji One (Colored)cloud-with-lightningFluent Emojicloud-with-lightningFluent Emoji Flatcloud-with-lightningNoto Emojicloud-with-lightningOpenMojicloud-with-lightningTwitter Emoji

More travel & places icons from Fluent Emoji High Contrast

aerial-tramwayairplaneairplane-arrivalairplane-departurealarm-clockambulanceanchorarticulated-lorryauto-rickshawautomobilebankbarber-polebeach-with-umbrellabellhop-bellbicyclebrickbridge-at-nightbuilding-constructionbullet-trainbusbus-stopcampingcanoecarousel-horse

Use the cloud with lightning emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m2 13.5l.002.148l-.002.14c0 2.476 1.54 4.613 3.767 5.611A6.5 6.5 0 0 0 8.5 20h2.632l4.303-6.456c.768-1.152 2.565-.608 2.565.777V19h.787c.665 0 1.174.443 1.342 1H21c4.694 0 9-4 9-9c0-.658-.085-1.275-.244-1.849C28.915 5.07 25.3 2 20.97 2a8.95 8.95 0 0 0-6.513 2.802A4.042 4.042 0 0 0 8.133 7.01A6.5 6.5 0 0 0 2 13.5"/><path d="M17.244 19.969A.4.4 0 0 0 17.4 20h1.387a.4.4 0 0 1 .341.609l-4.387 7.178c-.21.345-.741.195-.741-.209V22.4a.4.4 0 0 0-.4-.4h-1.853a.4.4 0 0 1-.332-.622l4.852-7.279a.39.39 0 0 1 .383-.175c.184.024.35.172.35.397V19.6a.4.4 0 0 0 .244.368"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastCloudWithLightning(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m2 13.5l.002.148l-.002.14c0 2.476 1.54 4.613 3.767 5.611A6.5 6.5 0 0 0 8.5 20h2.632l4.303-6.456c.768-1.152 2.565-.608 2.565.777V19h.787c.665 0 1.174.443 1.342 1H21c4.694 0 9-4 9-9c0-.658-.085-1.275-.244-1.849C28.915 5.07 25.3 2 20.97 2a8.95 8.95 0 0 0-6.513 2.802A4.042 4.042 0 0 0 8.133 7.01A6.5 6.5 0 0 0 2 13.5"/><path d="M17.244 19.969A.4.4 0 0 0 17.4 20h1.387a.4.4 0 0 1 .341.609l-4.387 7.178c-.21.345-.741.195-.741-.209V22.4a.4.4 0 0 0-.4-.4h-1.853a.4.4 0 0 1-.332-.622l4.852-7.279a.39.39 0 0 1 .383-.175c.184.024.35.172.35.397V19.6a.4.4 0 0 0 .244.368"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="m2 13.5l.002.148l-.002.14c0 2.476 1.54 4.613 3.767 5.611A6.5 6.5 0 0 0 8.5 20h2.632l4.303-6.456c.768-1.152 2.565-.608 2.565.777V19h.787c.665 0 1.174.443 1.342 1H21c4.694 0 9-4 9-9c0-.658-.085-1.275-.244-1.849C28.915 5.07 25.3 2 20.97 2a8.95 8.95 0 0 0-6.513 2.802A4.042 4.042 0 0 0 8.133 7.01A6.5 6.5 0 0 0 2 13.5"/><path d="M17.244 19.969A.4.4 0 0 0 17.4 20h1.387a.4.4 0 0 1 .341.609l-4.387 7.178c-.21.345-.741.195-.741-.209V22.4a.4.4 0 0 0-.4-.4h-1.853a.4.4 0 0 1-.332-.622l4.852-7.279a.39.39 0 0 1 .383-.175c.184.024.35.172.35.397V19.6a.4.4 0 0 0 .244.368"/></g></svg>
</template>

CSS

.icon-cloud-with-lightning {
  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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m2%2013.5l.002.148l-.002.14c0%202.476%201.54%204.613%203.767%205.611A6.5%206.5%200%200%200%208.5%2020h2.632l4.303-6.456c.768-1.152%202.565-.608%202.565.777V19h.787c.665%200%201.174.443%201.342%201H21c4.694%200%209-4%209-9c0-.658-.085-1.275-.244-1.849C28.915%205.07%2025.3%202%2020.97%202a8.95%208.95%200%200%200-6.513%202.802A4.042%204.042%200%200%200%208.133%207.01A6.5%206.5%200%200%200%202%2013.5%22%2F%3E%3Cpath%20d%3D%22M17.244%2019.969A.4.4%200%200%200%2017.4%2020h1.387a.4.4%200%200%201%20.341.609l-4.387%207.178c-.21.345-.741.195-.741-.209V22.4a.4.4%200%200%200-.4-.4h-1.853a.4.4%200%200%201-.332-.622l4.852-7.279a.39.39%200%200%201%20.383-.175c.184.024.35.172.35.397V19.6a.4.4%200%200%200%20.244.368%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m2%2013.5l.002.148l-.002.14c0%202.476%201.54%204.613%203.767%205.611A6.5%206.5%200%200%200%208.5%2020h2.632l4.303-6.456c.768-1.152%202.565-.608%202.565.777V19h.787c.665%200%201.174.443%201.342%201H21c4.694%200%209-4%209-9c0-.658-.085-1.275-.244-1.849C28.915%205.07%2025.3%202%2020.97%202a8.95%208.95%200%200%200-6.513%202.802A4.042%204.042%200%200%200%208.133%207.01A6.5%206.5%200%200%200%202%2013.5%22%2F%3E%3Cpath%20d%3D%22M17.244%2019.969A.4.4%200%200%200%2017.4%2020h1.387a.4.4%200%200%201%20.341.609l-4.387%207.178c-.21.345-.741.195-.741-.209V22.4a.4.4%200%200%200-.4-.4h-1.853a.4.4%200%200%201-.332-.622l4.852-7.279a.39.39%200%200%201%20.383-.175c.184.024.35.172.35.397V19.6a.4.4%200%200%200%20.244.368%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/cloud-with-lightning.svg?color=%231a73e8&size=48