cloud bolt icon

cloud-bolt from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name: cloud-bolt
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

cloud-boltFramework7 Icons cloud-boltFont Awesome 6 Solid cloud-bolt-boldSolar cloud-boltTabler Icons

Related icons in Font Awesome Solid

cloud-arrow-down cloud-arrow-up cloud-download cloud-download-alt cloud-meatball cloud-moon cloud-moon-rain cloud-rain cloud-showers-heavy cloud-showers-water cloud-sun cloud-sun-rain cloud-upload cloud-upload-alt

Use the cloud bolt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 288c0 53 43 96 96 96h38.6l124.1-111c12.2-10.9 28-17 44.4-17c44.6 0 76.5 43 63.7 85.7L418.1 384H480c53 0 96-43 96-96s-43-96-96-96h-1.6c1.1-5.2 1.6-10.5 1.6-16c0-44.2-35.8-80-80-80c-24.3 0-46.1 10.9-60.8 28c-18.7-35.7-56.1-60-99.2-60c-61.9 0-112 50.1-112 112c0 7.1.7 14.1 1.9 20.8C91.6 209.4 64 245.5 64 288m160.6 176h61.8l-31.2 104.1C251.6 580 260.5 592 273 592c4.6 0 9-1.7 12.4-4.7l141.1-126.4c3.5-3.1 5.5-7.6 5.5-12.4c0-9.2-7.4-16.6-16.6-16.6h-61.8l31.2-104.1c3.6-11.9-5.3-23.9-17.8-23.9c-4.6 0-9 1.7-12.4 4.7L213.5 435.1c-3.5 3.1-5.5 7.6-5.5 12.4c0 9.2 7.4 16.6 16.6 16.6z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidCloudBolt(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 288c0 53 43 96 96 96h38.6l124.1-111c12.2-10.9 28-17 44.4-17c44.6 0 76.5 43 63.7 85.7L418.1 384H480c53 0 96-43 96-96s-43-96-96-96h-1.6c1.1-5.2 1.6-10.5 1.6-16c0-44.2-35.8-80-80-80c-24.3 0-46.1 10.9-60.8 28c-18.7-35.7-56.1-60-99.2-60c-61.9 0-112 50.1-112 112c0 7.1.7 14.1 1.9 20.8C91.6 209.4 64 245.5 64 288m160.6 176h61.8l-31.2 104.1C251.6 580 260.5 592 273 592c4.6 0 9-1.7 12.4-4.7l141.1-126.4c3.5-3.1 5.5-7.6 5.5-12.4c0-9.2-7.4-16.6-16.6-16.6h-61.8l31.2-104.1c3.6-11.9-5.3-23.9-17.8-23.9c-4.6 0-9 1.7-12.4 4.7L213.5 435.1c-3.5 3.1-5.5 7.6-5.5 12.4c0 9.2 7.4 16.6 16.6 16.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M64 288c0 53 43 96 96 96h38.6l124.1-111c12.2-10.9 28-17 44.4-17c44.6 0 76.5 43 63.7 85.7L418.1 384H480c53 0 96-43 96-96s-43-96-96-96h-1.6c1.1-5.2 1.6-10.5 1.6-16c0-44.2-35.8-80-80-80c-24.3 0-46.1 10.9-60.8 28c-18.7-35.7-56.1-60-99.2-60c-61.9 0-112 50.1-112 112c0 7.1.7 14.1 1.9 20.8C91.6 209.4 64 245.5 64 288m160.6 176h61.8l-31.2 104.1C251.6 580 260.5 592 273 592c4.6 0 9-1.7 12.4-4.7l141.1-126.4c3.5-3.1 5.5-7.6 5.5-12.4c0-9.2-7.4-16.6-16.6-16.6h-61.8l31.2-104.1c3.6-11.9-5.3-23.9-17.8-23.9c-4.6 0-9 1.7-12.4 4.7L213.5 435.1c-3.5 3.1-5.5 7.6-5.5 12.4c0 9.2 7.4 16.6 16.6 16.6z"/></svg>
</template>

CSS

.icon-cloud-bolt {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%20288c0%2053%2043%2096%2096%2096h38.6l124.1-111c12.2-10.9%2028-17%2044.4-17c44.6%200%2076.5%2043%2063.7%2085.7L418.1%20384H480c53%200%2096-43%2096-96s-43-96-96-96h-1.6c1.1-5.2%201.6-10.5%201.6-16c0-44.2-35.8-80-80-80c-24.3%200-46.1%2010.9-60.8%2028c-18.7-35.7-56.1-60-99.2-60c-61.9%200-112%2050.1-112%20112c0%207.1.7%2014.1%201.9%2020.8C91.6%20209.4%2064%20245.5%2064%20288m160.6%20176h61.8l-31.2%20104.1C251.6%20580%20260.5%20592%20273%20592c4.6%200%209-1.7%2012.4-4.7l141.1-126.4c3.5-3.1%205.5-7.6%205.5-12.4c0-9.2-7.4-16.6-16.6-16.6h-61.8l31.2-104.1c3.6-11.9-5.3-23.9-17.8-23.9c-4.6%200-9%201.7-12.4%204.7L213.5%20435.1c-3.5%203.1-5.5%207.6-5.5%2012.4c0%209.2%207.4%2016.6%2016.6%2016.6z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%20288c0%2053%2043%2096%2096%2096h38.6l124.1-111c12.2-10.9%2028-17%2044.4-17c44.6%200%2076.5%2043%2063.7%2085.7L418.1%20384H480c53%200%2096-43%2096-96s-43-96-96-96h-1.6c1.1-5.2%201.6-10.5%201.6-16c0-44.2-35.8-80-80-80c-24.3%200-46.1%2010.9-60.8%2028c-18.7-35.7-56.1-60-99.2-60c-61.9%200-112%2050.1-112%20112c0%207.1.7%2014.1%201.9%2020.8C91.6%20209.4%2064%20245.5%2064%20288m160.6%20176h61.8l-31.2%20104.1C251.6%20580%20260.5%20592%20273%20592c4.6%200%209-1.7%2012.4-4.7l141.1-126.4c3.5-3.1%205.5-7.6%205.5-12.4c0-9.2-7.4-16.6-16.6-16.6h-61.8l31.2-104.1c3.6-11.9-5.3-23.9-17.8-23.9c-4.6%200-9%201.7-12.4%204.7L213.5%20435.1c-3.5%203.1-5.5%207.6-5.5%2012.4c0%209.2%207.4%2016.6%2016.6%2016.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/cloud-bolt.svg?color=%231a73e8&size=48