cloud with lightning emoji

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

Name
cloud-with-lightning
Set
Fluent Emoji Flat
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 High Contrastcloud-with-lightningNoto Emojicloud-with-lightningOpenMojicloud-with-lightningTwitter Emoji

More travel & places icons from Fluent Emoji Flat

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="none"><path fill="#1345b7" d="M2.002 13.648L2 13.5a6.5 6.5 0 0 1 6.132-6.49a4.042 4.042 0 0 1 6.325-2.208A8.95 8.95 0 0 1 20.97 2c4.33 0 7.945 3.07 8.786 7.151q.242.861.244 1.849c0 5-4.306 9-9 9H8.5a6.5 6.5 0 0 1-2.733-.6C3.54 18.4 2 16.263 2 13.786l.002-.14"/><path fill="#ff6723" d="m19.128 20.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.4.4 0 0 1 .733.222V19.6c0 .22.18.4.4.4h1.387a.4.4 0 0 1 .341.609"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatCloudWithLightning(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#1345b7" d="M2.002 13.648L2 13.5a6.5 6.5 0 0 1 6.132-6.49a4.042 4.042 0 0 1 6.325-2.208A8.95 8.95 0 0 1 20.97 2c4.33 0 7.945 3.07 8.786 7.151q.242.861.244 1.849c0 5-4.306 9-9 9H8.5a6.5 6.5 0 0 1-2.733-.6C3.54 18.4 2 16.263 2 13.786l.002-.14"/><path fill="#ff6723" d="m19.128 20.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.4.4 0 0 1 .733.222V19.6c0 .22.18.4.4.4h1.387a.4.4 0 0 1 .341.609"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#1345b7" d="M2.002 13.648L2 13.5a6.5 6.5 0 0 1 6.132-6.49a4.042 4.042 0 0 1 6.325-2.208A8.95 8.95 0 0 1 20.97 2c4.33 0 7.945 3.07 8.786 7.151q.242.861.244 1.849c0 5-4.306 9-9 9H8.5a6.5 6.5 0 0 1-2.733-.6C3.54 18.4 2 16.263 2 13.786l.002-.14"/><path fill="#ff6723" d="m19.128 20.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.4.4 0 0 1 .733.222V19.6c0 .22.18.4.4.4h1.387a.4.4 0 0 1 .341.609"/></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%22none%22%3E%3Cpath%20fill%3D%22%231345b7%22%20d%3D%22M2.002%2013.648L2%2013.5a6.5%206.5%200%200%201%206.132-6.49a4.042%204.042%200%200%201%206.325-2.208A8.95%208.95%200%200%201%2020.97%202c4.33%200%207.945%203.07%208.786%207.151q.242.861.244%201.849c0%205-4.306%209-9%209H8.5a6.5%206.5%200%200%201-2.733-.6C3.54%2018.4%202%2016.263%202%2013.786l.002-.14%22%2F%3E%3Cpath%20fill%3D%22%23ff6723%22%20d%3D%22m19.128%2020.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.4.4%200%200%201%20.733.222V19.6c0%20.22.18.4.4.4h1.387a.4.4%200%200%201%20.341.609%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%22none%22%3E%3Cpath%20fill%3D%22%231345b7%22%20d%3D%22M2.002%2013.648L2%2013.5a6.5%206.5%200%200%201%206.132-6.49a4.042%204.042%200%200%201%206.325-2.208A8.95%208.95%200%200%201%2020.97%202c4.33%200%207.945%203.07%208.786%207.151q.242.861.244%201.849c0%205-4.306%209-9%209H8.5a6.5%206.5%200%200%201-2.733-.6C3.54%2018.4%202%2016.263%202%2013.786l.002-.14%22%2F%3E%3Cpath%20fill%3D%22%23ff6723%22%20d%3D%22m19.128%2020.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.4.4%200%200%201%20.733.222V19.6c0%20.22.18.4.4.4h1.387a.4.4%200%200%201%20.341.609%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-flat/cloud-with-lightning.svg?color=%231a73e8&size=48