cloud with lightning emoji
cloud-with-lightning from Noto Emoji by Google Inc · Default · Travel & Places · Apache-2.0 Free for personal and commercial use.
- Name
- cloud-with-lightning
- Set
- Noto Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More travel & places icons from Noto Emoji
Use the cloud with lightning emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#feca18" d="M79.83 71.24L57 75.21s-7.6 19.36-8.07 20.67s-.45 3.38 1.62 3.38c2.63 0 15.98-.07 15.98-.07s-3.24 15.63-3.43 17.03s1.31 2.63 2.63 1.22c1.31-1.41 19.51-24.79 20.3-25.93c1.41-2.04.05-3.92-1.55-4.01s-12.32.14-12.32.14z"/><path fill="#fdb900" d="M73.71 75.04s-5.09 11.26-5.28 11.9c-.56 1.9 1.9 2.67 2.6 1.13c.7-1.55 6.76-14.08 6.76-14.08zM50.83 96.3c1.34-.04 13.1-.07 14.08-.14c1.83-.14 2.11 2.39 0 2.39c-2.19 0-13.73.04-14.43.07c-1.62.08-1.83-2.25.35-2.32"/><path fill="#ffe36a" d="M59.98 75.96s-6 15.06-6.34 16.19c-1.41 4.72 3.66 4.58 5 1.9c.66-1.33 7.11-14.99 7.39-17.46c.29-2.46-6.05-.63-6.05-.63m2.54 15.2c-.86-.59-1.9-.07-2.53.92s-1.55 2.6-.14 3.45c1.27.76 2.39-.77 2.89-1.48c.48-.7 1.11-1.97-.22-2.89m9.57 3.24c-2.29-.49-3.03 1.41-3.52 3.66s-2.33 9.53-2.67 11.33c-.49 2.53 1.83 2.89 2.82.56c.74-1.74 3.95-9.59 4.36-10.84c.63-1.89 1.33-4.22-.99-4.71"/><path fill="#e4eaee" d="M107.35 50.2s1.29-34.78-27.45-39C53.01 7.26 48.23 32.6 48.23 32.6s-11.68-2.67-18.02 4.79s-6.48 13.23-6.48 13.23s-17.6-1.69-19.15 12.67s11.54 8.45 11.54 8.45l107.13-4.72s2.95-8.03-4.65-13.73c-4.49-3.37-11.25-3.09-11.25-3.09"/><radialGradient id="SVGBLVM1bQc" cx="65.427" cy="79.054" r="29.294" fx="52.312" fy="79.18" gradientTransform="matrix(.0288 -.9996 1.4975 .0432 -54.843 141.038)" gradientUnits="userSpaceOnUse"><stop offset=".193" stop-color="#ffe366"/><stop offset=".331" stop-color="#eddd82"/><stop offset=".571" stop-color="#d0d4ad"/><stop offset=".759" stop-color="#bfcfc7"/><stop offset=".87" stop-color="#b8cdd1"/></radialGradient><path fill="url(#SVGBLVM1bQc)" d="M58.78 55.69c.84-.28 6.05 4.22 19.85 3.8s26.61-7.32 26.61-7.32s-.7 4.93-2.25 7.32s-4.22 5.21-4.22 5.21s7.18 1.69 13.66.84c6.48-.84 11.26-3.94 11.26-3.94s.84 3.24.28 6.34c-.72 3.97-4.22 6.9-7.18 7.32s-29.56 1.76-39.98 2.11c-8.45.29-56.63.68-61.52.14c-5.07-.56-8.87-2.82-10.28-7.18c-1.07-3.31-.56-5.35-.56-5.35s6.36 2.73 11.54 1.83c6.48-1.13 10-6.19 10-6.19s6.34 3.24 15.49 2.11c9.14-1.13 17.3-7.04 17.3-7.04"/></svg>
React
import type { SVGProps } from "react";
export function NotoCloudWithLightning(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#feca18" d="M79.83 71.24L57 75.21s-7.6 19.36-8.07 20.67s-.45 3.38 1.62 3.38c2.63 0 15.98-.07 15.98-.07s-3.24 15.63-3.43 17.03s1.31 2.63 2.63 1.22c1.31-1.41 19.51-24.79 20.3-25.93c1.41-2.04.05-3.92-1.55-4.01s-12.32.14-12.32.14z"/><path fill="#fdb900" d="M73.71 75.04s-5.09 11.26-5.28 11.9c-.56 1.9 1.9 2.67 2.6 1.13c.7-1.55 6.76-14.08 6.76-14.08zM50.83 96.3c1.34-.04 13.1-.07 14.08-.14c1.83-.14 2.11 2.39 0 2.39c-2.19 0-13.73.04-14.43.07c-1.62.08-1.83-2.25.35-2.32"/><path fill="#ffe36a" d="M59.98 75.96s-6 15.06-6.34 16.19c-1.41 4.72 3.66 4.58 5 1.9c.66-1.33 7.11-14.99 7.39-17.46c.29-2.46-6.05-.63-6.05-.63m2.54 15.2c-.86-.59-1.9-.07-2.53.92s-1.55 2.6-.14 3.45c1.27.76 2.39-.77 2.89-1.48c.48-.7 1.11-1.97-.22-2.89m9.57 3.24c-2.29-.49-3.03 1.41-3.52 3.66s-2.33 9.53-2.67 11.33c-.49 2.53 1.83 2.89 2.82.56c.74-1.74 3.95-9.59 4.36-10.84c.63-1.89 1.33-4.22-.99-4.71"/><path fill="#e4eaee" d="M107.35 50.2s1.29-34.78-27.45-39C53.01 7.26 48.23 32.6 48.23 32.6s-11.68-2.67-18.02 4.79s-6.48 13.23-6.48 13.23s-17.6-1.69-19.15 12.67s11.54 8.45 11.54 8.45l107.13-4.72s2.95-8.03-4.65-13.73c-4.49-3.37-11.25-3.09-11.25-3.09"/><radialGradient id="SVGBLVM1bQc" cx="65.427" cy="79.054" r="29.294" fx="52.312" fy="79.18" gradientTransform="matrix(.0288 -.9996 1.4975 .0432 -54.843 141.038)" gradientUnits="userSpaceOnUse"><stop offset=".193" stopColor="#ffe366"/><stop offset=".331" stopColor="#eddd82"/><stop offset=".571" stopColor="#d0d4ad"/><stop offset=".759" stopColor="#bfcfc7"/><stop offset=".87" stopColor="#b8cdd1"/></radialGradient><path fill="url(#SVGBLVM1bQc)" d="M58.78 55.69c.84-.28 6.05 4.22 19.85 3.8s26.61-7.32 26.61-7.32s-.7 4.93-2.25 7.32s-4.22 5.21-4.22 5.21s7.18 1.69 13.66.84c6.48-.84 11.26-3.94 11.26-3.94s.84 3.24.28 6.34c-.72 3.97-4.22 6.9-7.18 7.32s-29.56 1.76-39.98 2.11c-8.45.29-56.63.68-61.52.14c-5.07-.56-8.87-2.82-10.28-7.18c-1.07-3.31-.56-5.35-.56-5.35s6.36 2.73 11.54 1.83c6.48-1.13 10-6.19 10-6.19s6.34 3.24 15.49 2.11c9.14-1.13 17.3-7.04 17.3-7.04"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#feca18" d="M79.83 71.24L57 75.21s-7.6 19.36-8.07 20.67s-.45 3.38 1.62 3.38c2.63 0 15.98-.07 15.98-.07s-3.24 15.63-3.43 17.03s1.31 2.63 2.63 1.22c1.31-1.41 19.51-24.79 20.3-25.93c1.41-2.04.05-3.92-1.55-4.01s-12.32.14-12.32.14z"/><path fill="#fdb900" d="M73.71 75.04s-5.09 11.26-5.28 11.9c-.56 1.9 1.9 2.67 2.6 1.13c.7-1.55 6.76-14.08 6.76-14.08zM50.83 96.3c1.34-.04 13.1-.07 14.08-.14c1.83-.14 2.11 2.39 0 2.39c-2.19 0-13.73.04-14.43.07c-1.62.08-1.83-2.25.35-2.32"/><path fill="#ffe36a" d="M59.98 75.96s-6 15.06-6.34 16.19c-1.41 4.72 3.66 4.58 5 1.9c.66-1.33 7.11-14.99 7.39-17.46c.29-2.46-6.05-.63-6.05-.63m2.54 15.2c-.86-.59-1.9-.07-2.53.92s-1.55 2.6-.14 3.45c1.27.76 2.39-.77 2.89-1.48c.48-.7 1.11-1.97-.22-2.89m9.57 3.24c-2.29-.49-3.03 1.41-3.52 3.66s-2.33 9.53-2.67 11.33c-.49 2.53 1.83 2.89 2.82.56c.74-1.74 3.95-9.59 4.36-10.84c.63-1.89 1.33-4.22-.99-4.71"/><path fill="#e4eaee" d="M107.35 50.2s1.29-34.78-27.45-39C53.01 7.26 48.23 32.6 48.23 32.6s-11.68-2.67-18.02 4.79s-6.48 13.23-6.48 13.23s-17.6-1.69-19.15 12.67s11.54 8.45 11.54 8.45l107.13-4.72s2.95-8.03-4.65-13.73c-4.49-3.37-11.25-3.09-11.25-3.09"/><radialGradient id="SVGBLVM1bQc" cx="65.427" cy="79.054" r="29.294" fx="52.312" fy="79.18" gradientTransform="matrix(.0288 -.9996 1.4975 .0432 -54.843 141.038)" gradientUnits="userSpaceOnUse"><stop offset=".193" stop-color="#ffe366"/><stop offset=".331" stop-color="#eddd82"/><stop offset=".571" stop-color="#d0d4ad"/><stop offset=".759" stop-color="#bfcfc7"/><stop offset=".87" stop-color="#b8cdd1"/></radialGradient><path fill="url(#SVGBLVM1bQc)" d="M58.78 55.69c.84-.28 6.05 4.22 19.85 3.8s26.61-7.32 26.61-7.32s-.7 4.93-2.25 7.32s-4.22 5.21-4.22 5.21s7.18 1.69 13.66.84c6.48-.84 11.26-3.94 11.26-3.94s.84 3.24.28 6.34c-.72 3.97-4.22 6.9-7.18 7.32s-29.56 1.76-39.98 2.11c-8.45.29-56.63.68-61.52.14c-5.07-.56-8.87-2.82-10.28-7.18c-1.07-3.31-.56-5.35-.56-5.35s6.36 2.73 11.54 1.83c6.48-1.13 10-6.19 10-6.19s6.34 3.24 15.49 2.11c9.14-1.13 17.3-7.04 17.3-7.04"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23feca18%22%20d%3D%22M79.83%2071.24L57%2075.21s-7.6%2019.36-8.07%2020.67s-.45%203.38%201.62%203.38c2.63%200%2015.98-.07%2015.98-.07s-3.24%2015.63-3.43%2017.03s1.31%202.63%202.63%201.22c1.31-1.41%2019.51-24.79%2020.3-25.93c1.41-2.04.05-3.92-1.55-4.01s-12.32.14-12.32.14z%22%2F%3E%3Cpath%20fill%3D%22%23fdb900%22%20d%3D%22M73.71%2075.04s-5.09%2011.26-5.28%2011.9c-.56%201.9%201.9%202.67%202.6%201.13c.7-1.55%206.76-14.08%206.76-14.08zM50.83%2096.3c1.34-.04%2013.1-.07%2014.08-.14c1.83-.14%202.11%202.39%200%202.39c-2.19%200-13.73.04-14.43.07c-1.62.08-1.83-2.25.35-2.32%22%2F%3E%3Cpath%20fill%3D%22%23ffe36a%22%20d%3D%22M59.98%2075.96s-6%2015.06-6.34%2016.19c-1.41%204.72%203.66%204.58%205%201.9c.66-1.33%207.11-14.99%207.39-17.46c.29-2.46-6.05-.63-6.05-.63m2.54%2015.2c-.86-.59-1.9-.07-2.53.92s-1.55%202.6-.14%203.45c1.27.76%202.39-.77%202.89-1.48c.48-.7%201.11-1.97-.22-2.89m9.57%203.24c-2.29-.49-3.03%201.41-3.52%203.66s-2.33%209.53-2.67%2011.33c-.49%202.53%201.83%202.89%202.82.56c.74-1.74%203.95-9.59%204.36-10.84c.63-1.89%201.33-4.22-.99-4.71%22%2F%3E%3Cpath%20fill%3D%22%23e4eaee%22%20d%3D%22M107.35%2050.2s1.29-34.78-27.45-39C53.01%207.26%2048.23%2032.6%2048.23%2032.6s-11.68-2.67-18.02%204.79s-6.48%2013.23-6.48%2013.23s-17.6-1.69-19.15%2012.67s11.54%208.45%2011.54%208.45l107.13-4.72s2.95-8.03-4.65-13.73c-4.49-3.37-11.25-3.09-11.25-3.09%22%2F%3E%3CradialGradient%20id%3D%22SVGBLVM1bQc%22%20cx%3D%2265.427%22%20cy%3D%2279.054%22%20r%3D%2229.294%22%20fx%3D%2252.312%22%20fy%3D%2279.18%22%20gradientTransform%3D%22matrix(.0288%20-.9996%201.4975%20.0432%20-54.843%20141.038)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.193%22%20stop-color%3D%22%23ffe366%22%2F%3E%3Cstop%20offset%3D%22.331%22%20stop-color%3D%22%23eddd82%22%2F%3E%3Cstop%20offset%3D%22.571%22%20stop-color%3D%22%23d0d4ad%22%2F%3E%3Cstop%20offset%3D%22.759%22%20stop-color%3D%22%23bfcfc7%22%2F%3E%3Cstop%20offset%3D%22.87%22%20stop-color%3D%22%23b8cdd1%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20fill%3D%22url(%23SVGBLVM1bQc)%22%20d%3D%22M58.78%2055.69c.84-.28%206.05%204.22%2019.85%203.8s26.61-7.32%2026.61-7.32s-.7%204.93-2.25%207.32s-4.22%205.21-4.22%205.21s7.18%201.69%2013.66.84c6.48-.84%2011.26-3.94%2011.26-3.94s.84%203.24.28%206.34c-.72%203.97-4.22%206.9-7.18%207.32s-29.56%201.76-39.98%202.11c-8.45.29-56.63.68-61.52.14c-5.07-.56-8.87-2.82-10.28-7.18c-1.07-3.31-.56-5.35-.56-5.35s6.36%202.73%2011.54%201.83c6.48-1.13%2010-6.19%2010-6.19s6.34%203.24%2015.49%202.11c9.14-1.13%2017.3-7.04%2017.3-7.04%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23feca18%22%20d%3D%22M79.83%2071.24L57%2075.21s-7.6%2019.36-8.07%2020.67s-.45%203.38%201.62%203.38c2.63%200%2015.98-.07%2015.98-.07s-3.24%2015.63-3.43%2017.03s1.31%202.63%202.63%201.22c1.31-1.41%2019.51-24.79%2020.3-25.93c1.41-2.04.05-3.92-1.55-4.01s-12.32.14-12.32.14z%22%2F%3E%3Cpath%20fill%3D%22%23fdb900%22%20d%3D%22M73.71%2075.04s-5.09%2011.26-5.28%2011.9c-.56%201.9%201.9%202.67%202.6%201.13c.7-1.55%206.76-14.08%206.76-14.08zM50.83%2096.3c1.34-.04%2013.1-.07%2014.08-.14c1.83-.14%202.11%202.39%200%202.39c-2.19%200-13.73.04-14.43.07c-1.62.08-1.83-2.25.35-2.32%22%2F%3E%3Cpath%20fill%3D%22%23ffe36a%22%20d%3D%22M59.98%2075.96s-6%2015.06-6.34%2016.19c-1.41%204.72%203.66%204.58%205%201.9c.66-1.33%207.11-14.99%207.39-17.46c.29-2.46-6.05-.63-6.05-.63m2.54%2015.2c-.86-.59-1.9-.07-2.53.92s-1.55%202.6-.14%203.45c1.27.76%202.39-.77%202.89-1.48c.48-.7%201.11-1.97-.22-2.89m9.57%203.24c-2.29-.49-3.03%201.41-3.52%203.66s-2.33%209.53-2.67%2011.33c-.49%202.53%201.83%202.89%202.82.56c.74-1.74%203.95-9.59%204.36-10.84c.63-1.89%201.33-4.22-.99-4.71%22%2F%3E%3Cpath%20fill%3D%22%23e4eaee%22%20d%3D%22M107.35%2050.2s1.29-34.78-27.45-39C53.01%207.26%2048.23%2032.6%2048.23%2032.6s-11.68-2.67-18.02%204.79s-6.48%2013.23-6.48%2013.23s-17.6-1.69-19.15%2012.67s11.54%208.45%2011.54%208.45l107.13-4.72s2.95-8.03-4.65-13.73c-4.49-3.37-11.25-3.09-11.25-3.09%22%2F%3E%3CradialGradient%20id%3D%22SVGBLVM1bQc%22%20cx%3D%2265.427%22%20cy%3D%2279.054%22%20r%3D%2229.294%22%20fx%3D%2252.312%22%20fy%3D%2279.18%22%20gradientTransform%3D%22matrix(.0288%20-.9996%201.4975%20.0432%20-54.843%20141.038)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.193%22%20stop-color%3D%22%23ffe366%22%2F%3E%3Cstop%20offset%3D%22.331%22%20stop-color%3D%22%23eddd82%22%2F%3E%3Cstop%20offset%3D%22.571%22%20stop-color%3D%22%23d0d4ad%22%2F%3E%3Cstop%20offset%3D%22.759%22%20stop-color%3D%22%23bfcfc7%22%2F%3E%3Cstop%20offset%3D%22.87%22%20stop-color%3D%22%23b8cdd1%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20fill%3D%22url(%23SVGBLVM1bQc)%22%20d%3D%22M58.78%2055.69c.84-.28%206.05%204.22%2019.85%203.8s26.61-7.32%2026.61-7.32s-.7%204.93-2.25%207.32s-4.22%205.21-4.22%205.21s7.18%201.69%2013.66.84c6.48-.84%2011.26-3.94%2011.26-3.94s.84%203.24.28%206.34c-.72%203.97-4.22%206.9-7.18%207.32s-29.56%201.76-39.98%202.11c-8.45.29-56.63.68-61.52.14c-5.07-.56-8.87-2.82-10.28-7.18c-1.07-3.31-.56-5.35-.56-5.35s6.36%202.73%2011.54%201.83c6.48-1.13%2010-6.19%2010-6.19s6.34%203.24%2015.49%202.11c9.14-1.13%2017.3-7.04%2017.3-7.04%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/cloud-with-lightning.svg?color=%231a73e8&size=48
