cloud bolt icon

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

Name
cloud-bolt
Set
Font Awesome 6 Solid
Style
Regular
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

cloud-boltFramework7 Iconscloud-boltFont Awesome Solidcloud-bolt-boldSolarcloud-boltTabler Icons

Related icons in Font Awesome 6 Solid

cloud-arrow-downcloud-arrow-upcloud-meatballcloud-mooncloud-moon-raincloud-raincloud-showers-heavycloud-showers-watercloud-suncloud-sun-rain

Use the cloud bolt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M0 224c0 53 43 96 96 96h47.2L290 202.5c17.6-14.1 42.6-14 60.2.2s22.8 38.6 12.8 58.8L333.7 320H416c53 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 28C256.5 24.3 219.1 0 176 0C114.1 0 64 50.1 64 112c0 7.1.7 14.1 1.9 20.8C27.6 145.4 0 181.5 0 224m330.1 3.6c-5.8-4.7-14.2-4.7-20.1-.1l-160 128c-5.3 4.2-7.4 11.4-5.1 17.8S153.2 384 160 384h70.1l-52.4 104.8c-3.4 6.7-1.6 14.9 4.3 19.6s14.2 4.7 20.1.1l160-128c5.3-4.2 7.4-11.4 5.1-17.8s-8.3-10.7-15.1-10.7H282l52.4-104.8c3.4-6.7 1.6-14.9-4.2-19.6z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidCloudBolt(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M0 224c0 53 43 96 96 96h47.2L290 202.5c17.6-14.1 42.6-14 60.2.2s22.8 38.6 12.8 58.8L333.7 320H416c53 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 28C256.5 24.3 219.1 0 176 0C114.1 0 64 50.1 64 112c0 7.1.7 14.1 1.9 20.8C27.6 145.4 0 181.5 0 224m330.1 3.6c-5.8-4.7-14.2-4.7-20.1-.1l-160 128c-5.3 4.2-7.4 11.4-5.1 17.8S153.2 384 160 384h70.1l-52.4 104.8c-3.4 6.7-1.6 14.9 4.3 19.6s14.2 4.7 20.1.1l160-128c5.3-4.2 7.4-11.4 5.1-17.8s-8.3-10.7-15.1-10.7H282l52.4-104.8c3.4-6.7 1.6-14.9-4.2-19.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M0 224c0 53 43 96 96 96h47.2L290 202.5c17.6-14.1 42.6-14 60.2.2s22.8 38.6 12.8 58.8L333.7 320H416c53 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 28C256.5 24.3 219.1 0 176 0C114.1 0 64 50.1 64 112c0 7.1.7 14.1 1.9 20.8C27.6 145.4 0 181.5 0 224m330.1 3.6c-5.8-4.7-14.2-4.7-20.1-.1l-160 128c-5.3 4.2-7.4 11.4-5.1 17.8S153.2 384 160 384h70.1l-52.4 104.8c-3.4 6.7-1.6 14.9 4.3 19.6s14.2 4.7 20.1.1l160-128c5.3-4.2 7.4-11.4 5.1-17.8s-8.3-10.7-15.1-10.7H282l52.4-104.8c3.4-6.7 1.6-14.9-4.2-19.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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%20224c0%2053%2043%2096%2096%2096h47.2L290%20202.5c17.6-14.1%2042.6-14%2060.2.2s22.8%2038.6%2012.8%2058.8L333.7%20320H416c53%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%2028C256.5%2024.3%20219.1%200%20176%200C114.1%200%2064%2050.1%2064%20112c0%207.1.7%2014.1%201.9%2020.8C27.6%20145.4%200%20181.5%200%20224m330.1%203.6c-5.8-4.7-14.2-4.7-20.1-.1l-160%20128c-5.3%204.2-7.4%2011.4-5.1%2017.8S153.2%20384%20160%20384h70.1l-52.4%20104.8c-3.4%206.7-1.6%2014.9%204.3%2019.6s14.2%204.7%2020.1.1l160-128c5.3-4.2%207.4-11.4%205.1-17.8s-8.3-10.7-15.1-10.7H282l52.4-104.8c3.4-6.7%201.6-14.9-4.2-19.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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%20224c0%2053%2043%2096%2096%2096h47.2L290%20202.5c17.6-14.1%2042.6-14%2060.2.2s22.8%2038.6%2012.8%2058.8L333.7%20320H416c53%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%2028C256.5%2024.3%20219.1%200%20176%200C114.1%200%2064%2050.1%2064%20112c0%207.1.7%2014.1%201.9%2020.8C27.6%20145.4%200%20181.5%200%20224m330.1%203.6c-5.8-4.7-14.2-4.7-20.1-.1l-160%20128c-5.3%204.2-7.4%2011.4-5.1%2017.8S153.2%20384%20160%20384h70.1l-52.4%20104.8c-3.4%206.7-1.6%2014.9%204.3%2019.6s14.2%204.7%2020.1.1l160-128c5.3-4.2%207.4-11.4%205.1-17.8s-8.3-10.7-15.1-10.7H282l52.4-104.8c3.4-6.7%201.6-14.9-4.2-19.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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