thunderbolt icon

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

Name: thunderbolt-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT
Aliases: thunderbolt, thunderbolt-outline

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" d="M848 359.3H627.7L825.8 109c4.1-5.3.4-13-6.3-13H436c-2.8 0-5.5 1.5-6.9 4L170 547.5c-3.1 5.3.7 12 6.9 12h174.4l-89.4 357.6c-1.9 7.8 7.5 13.3 13.3 7.7L853.5 373c5.2-4.9 1.7-13.7-5.5-13.7M378.2 732.5l60.3-241H281.1l189.6-327.4h224.6L487 427.4h211z"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignThunderboltOutlined(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" d="M848 359.3H627.7L825.8 109c4.1-5.3.4-13-6.3-13H436c-2.8 0-5.5 1.5-6.9 4L170 547.5c-3.1 5.3.7 12 6.9 12h174.4l-89.4 357.6c-1.9 7.8 7.5 13.3 13.3 7.7L853.5 373c5.2-4.9 1.7-13.7-5.5-13.7M378.2 732.5l60.3-241H281.1l189.6-327.4h224.6L487 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" d="M848 359.3H627.7L825.8 109c4.1-5.3.4-13-6.3-13H436c-2.8 0-5.5 1.5-6.9 4L170 547.5c-3.1 5.3.7 12 6.9 12h174.4l-89.4 357.6c-1.9 7.8 7.5 13.3 13.3 7.7L853.5 373c5.2-4.9 1.7-13.7-5.5-13.7M378.2 732.5l60.3-241H281.1l189.6-327.4h224.6L487 427.4h211z"/></svg>
</template>

CSS

.icon-thunderbolt-outlined {
  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%20d%3D%22M848%20359.3H627.7L825.8%20109c4.1-5.3.4-13-6.3-13H436c-2.8%200-5.5%201.5-6.9%204L170%20547.5c-3.1%205.3.7%2012%206.9%2012h174.4l-89.4%20357.6c-1.9%207.8%207.5%2013.3%2013.3%207.7L853.5%20373c5.2-4.9%201.7-13.7-5.5-13.7M378.2%20732.5l60.3-241H281.1l189.6-327.4h224.6L487%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%20d%3D%22M848%20359.3H627.7L825.8%20109c4.1-5.3.4-13-6.3-13H436c-2.8%200-5.5%201.5-6.9%204L170%20547.5c-3.1%205.3.7%2012%206.9%2012h174.4l-89.4%20357.6c-1.9%207.8%207.5%2013.3%2013.3%207.7L853.5%20373c5.2-4.9%201.7-13.7-5.5-13.7M378.2%20732.5l60.3-241H281.1l189.6-327.4h224.6L487%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-outlined.svg?color=%231a73e8&size=48