bolt badge a icon
bolt-badge-a-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- bolt-badge-a-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
Use the bolt badge a icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M6.016 30.906c0 .914.703 1.594 1.687 1.594h13.243L13.96 51.484c-.914 2.414 1.594 3.703 3.188 1.735l6.093-7.617a14 14 0 0 1-.28-2.836c0-8.11 6.538-14.813 14.577-15.07l.89-1.102c.4-.492.61-.961.61-1.5c0-.89-.68-1.594-1.664-1.594H24.11l7.007-18.984c.89-2.414-1.594-3.703-3.187-1.711L6.649 29.406c-.399.516-.633.985-.633 1.5m32.039 23.766c6.468 0 11.93-5.39 11.93-11.906s-5.391-11.907-11.93-11.907c-6.516 0-11.906 5.391-11.906 11.907c0 6.562 5.39 11.906 11.906 11.906m-4.805-5.227c-.75 0-1.265-.492-1.265-1.195c0-.281.046-.516.164-.82l4.124-11.133c.329-.82.938-1.242 1.805-1.242c.844 0 1.5.422 1.805 1.242L44.03 47.43c.094.304.141.539.141.82c0 .68-.516 1.195-1.266 1.195c-.633 0-1.054-.328-1.289-1.078l-1.008-3H35.57l-1.03 3c-.259.75-.657 1.078-1.29 1.078m3-6.187h3.656l-1.828-5.25l.024-.117h-.07l.046.117Z"/></svg>
React
import type { SVGProps } from "react";
export function F7BoltBadgeAFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M6.016 30.906c0 .914.703 1.594 1.687 1.594h13.243L13.96 51.484c-.914 2.414 1.594 3.703 3.188 1.735l6.093-7.617a14 14 0 0 1-.28-2.836c0-8.11 6.538-14.813 14.577-15.07l.89-1.102c.4-.492.61-.961.61-1.5c0-.89-.68-1.594-1.664-1.594H24.11l7.007-18.984c.89-2.414-1.594-3.703-3.187-1.711L6.649 29.406c-.399.516-.633.985-.633 1.5m32.039 23.766c6.468 0 11.93-5.39 11.93-11.906s-5.391-11.907-11.93-11.907c-6.516 0-11.906 5.391-11.906 11.907c0 6.562 5.39 11.906 11.906 11.906m-4.805-5.227c-.75 0-1.265-.492-1.265-1.195c0-.281.046-.516.164-.82l4.124-11.133c.329-.82.938-1.242 1.805-1.242c.844 0 1.5.422 1.805 1.242L44.03 47.43c.094.304.141.539.141.82c0 .68-.516 1.195-1.266 1.195c-.633 0-1.054-.328-1.289-1.078l-1.008-3H35.57l-1.03 3c-.259.75-.657 1.078-1.29 1.078m3-6.187h3.656l-1.828-5.25l.024-.117h-.07l.046.117Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M6.016 30.906c0 .914.703 1.594 1.687 1.594h13.243L13.96 51.484c-.914 2.414 1.594 3.703 3.188 1.735l6.093-7.617a14 14 0 0 1-.28-2.836c0-8.11 6.538-14.813 14.577-15.07l.89-1.102c.4-.492.61-.961.61-1.5c0-.89-.68-1.594-1.664-1.594H24.11l7.007-18.984c.89-2.414-1.594-3.703-3.187-1.711L6.649 29.406c-.399.516-.633.985-.633 1.5m32.039 23.766c6.468 0 11.93-5.39 11.93-11.906s-5.391-11.907-11.93-11.907c-6.516 0-11.906 5.391-11.906 11.907c0 6.562 5.39 11.906 11.906 11.906m-4.805-5.227c-.75 0-1.265-.492-1.265-1.195c0-.281.046-.516.164-.82l4.124-11.133c.329-.82.938-1.242 1.805-1.242c.844 0 1.5.422 1.805 1.242L44.03 47.43c.094.304.141.539.141.82c0 .68-.516 1.195-1.266 1.195c-.633 0-1.054-.328-1.289-1.078l-1.008-3H35.57l-1.03 3c-.259.75-.657 1.078-1.29 1.078m3-6.187h3.656l-1.828-5.25l.024-.117h-.07l.046.117Z"/></svg> </template>
CSS
.icon-bolt-badge-a-fill {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.016%2030.906c0%20.914.703%201.594%201.687%201.594h13.243L13.96%2051.484c-.914%202.414%201.594%203.703%203.188%201.735l6.093-7.617a14%2014%200%200%201-.28-2.836c0-8.11%206.538-14.813%2014.577-15.07l.89-1.102c.4-.492.61-.961.61-1.5c0-.89-.68-1.594-1.664-1.594H24.11l7.007-18.984c.89-2.414-1.594-3.703-3.187-1.711L6.649%2029.406c-.399.516-.633.985-.633%201.5m32.039%2023.766c6.468%200%2011.93-5.39%2011.93-11.906s-5.391-11.907-11.93-11.907c-6.516%200-11.906%205.391-11.906%2011.907c0%206.562%205.39%2011.906%2011.906%2011.906m-4.805-5.227c-.75%200-1.265-.492-1.265-1.195c0-.281.046-.516.164-.82l4.124-11.133c.329-.82.938-1.242%201.805-1.242c.844%200%201.5.422%201.805%201.242L44.03%2047.43c.094.304.141.539.141.82c0%20.68-.516%201.195-1.266%201.195c-.633%200-1.054-.328-1.289-1.078l-1.008-3H35.57l-1.03%203c-.259.75-.657%201.078-1.29%201.078m3-6.187h3.656l-1.828-5.25l.024-.117h-.07l.046.117Z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.016%2030.906c0%20.914.703%201.594%201.687%201.594h13.243L13.96%2051.484c-.914%202.414%201.594%203.703%203.188%201.735l6.093-7.617a14%2014%200%200%201-.28-2.836c0-8.11%206.538-14.813%2014.577-15.07l.89-1.102c.4-.492.61-.961.61-1.5c0-.89-.68-1.594-1.664-1.594H24.11l7.007-18.984c.89-2.414-1.594-3.703-3.187-1.711L6.649%2029.406c-.399.516-.633.985-.633%201.5m32.039%2023.766c6.468%200%2011.93-5.39%2011.93-11.906s-5.391-11.907-11.93-11.907c-6.516%200-11.906%205.391-11.906%2011.907c0%206.562%205.39%2011.906%2011.906%2011.906m-4.805-5.227c-.75%200-1.265-.492-1.265-1.195c0-.281.046-.516.164-.82l4.124-11.133c.329-.82.938-1.242%201.805-1.242c.844%200%201.5.422%201.805%201.242L44.03%2047.43c.094.304.141.539.141.82c0%20.68-.516%201.195-1.266%201.195c-.633%200-1.054-.328-1.289-1.078l-1.008-3H35.57l-1.03%203c-.259.75-.657%201.078-1.29%201.078m3-6.187h3.656l-1.828-5.25l.024-.117h-.07l.046.117Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/bolt-badge-a-fill.svg?color=%231a73e8&size=48
