thunderbolt icon

thunderbolt-twotone from Ant Design Icons by HeskeyBaozi · TwoTone · MIT Free for personal and commercial use.

Name: thunderbolt-twotone
Set: Ant Design Icons
Style: TwoTone
Viewbox: 1024×1024
License: MIT

2 other variants in Ant Design Icons

The same icon in other sets

thunderboltBootstrap Icons thunderboltIconPark thunderboltIconPark Outline thunderboltIconPark Solid thunderboltIconPark TwoTone

Use the thunderbolt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="M695.4 164.1H470.8L281.2 491.5h157.4l-60.3 241l319.8-305.1h-211z"/><path fill="currentColor" d="M848.1 359.3H627.8L825.9 109c4.1-5.3.4-13-6.3-13H436.1c-2.8 0-5.5 1.5-6.9 4L170.1 547.5c-3.1 5.3.7 12 6.9 12h174.4L262 917.1c-1.9 7.8 7.5 13.3 13.3 7.7L853.6 373c5.2-4.9 1.7-13.7-5.5-13.7M378.3 732.5l60.3-241H281.2l189.6-327.4h224.6L487.1 427.4h211z"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignThunderboltTwotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fillOpacity=".15" d="M695.4 164.1H470.8L281.2 491.5h157.4l-60.3 241l319.8-305.1h-211z"/><path fill="currentColor" d="M848.1 359.3H627.8L825.9 109c4.1-5.3.4-13-6.3-13H436.1c-2.8 0-5.5 1.5-6.9 4L170.1 547.5c-3.1 5.3.7 12 6.9 12h174.4L262 917.1c-1.9 7.8 7.5 13.3 13.3 7.7L853.6 373c5.2-4.9 1.7-13.7-5.5-13.7M378.3 732.5l60.3-241H281.2l189.6-327.4h224.6L487.1 427.4h211z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="M695.4 164.1H470.8L281.2 491.5h157.4l-60.3 241l319.8-305.1h-211z"/><path fill="currentColor" d="M848.1 359.3H627.8L825.9 109c4.1-5.3.4-13-6.3-13H436.1c-2.8 0-5.5 1.5-6.9 4L170.1 547.5c-3.1 5.3.7 12 6.9 12h174.4L262 917.1c-1.9 7.8 7.5 13.3 13.3 7.7L853.6 373c5.2-4.9 1.7-13.7-5.5-13.7M378.3 732.5l60.3-241H281.2l189.6-327.4h224.6L487.1 427.4h211z"/></svg>
</template>

CSS

.icon-thunderbolt-twotone {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M695.4%20164.1H470.8L281.2%20491.5h157.4l-60.3%20241l319.8-305.1h-211z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M848.1%20359.3H627.8L825.9%20109c4.1-5.3.4-13-6.3-13H436.1c-2.8%200-5.5%201.5-6.9%204L170.1%20547.5c-3.1%205.3.7%2012%206.9%2012h174.4L262%20917.1c-1.9%207.8%207.5%2013.3%2013.3%207.7L853.6%20373c5.2-4.9%201.7-13.7-5.5-13.7M378.3%20732.5l60.3-241H281.2l189.6-327.4h224.6L487.1%20427.4h211z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M695.4%20164.1H470.8L281.2%20491.5h157.4l-60.3%20241l319.8-305.1h-211z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M848.1%20359.3H627.8L825.9%20109c4.1-5.3.4-13-6.3-13H436.1c-2.8%200-5.5%201.5-6.9%204L170.1%20547.5c-3.1%205.3.7%2012%206.9%2012h174.4L262%20917.1c-1.9%207.8%207.5%2013.3%2013.3%207.7L853.6%20373c5.2-4.9%201.7-13.7-5.5-13.7M378.3%20732.5l60.3-241H281.2l189.6-327.4h224.6L487.1%20427.4h211z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/thunderbolt-twotone.svg?color=%231a73e8&size=48