burst icon
burst from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- burst
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
Use the burst icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M54.078 31.543c1.295-.626 1.922-1.512 1.922-2.42c0-.885-.626-1.706-1.922-2.16l-10.522-3.63l4.515-9.225a3.1 3.1 0 0 0 .324-1.383c0-1.253-.95-2.182-2.182-2.182a3 3 0 0 0-1.383.324l-9.549 4.667l-4.97-10.651c-.54-1.189-1.425-1.794-2.31-1.794c-.865 0-1.75.605-2.291 1.794l-4.97 10.65l-9.549-4.666a3.1 3.1 0 0 0-1.382-.324c-1.232 0-2.204.93-2.204 2.182c0 .432.108.908.346 1.383l4.515 9.225l-10.543 3.63C.67 27.395 0 28.259 0 29.145s.648 1.772 1.923 2.398l10.09 4.84L6.567 47.92a3.3 3.3 0 0 0-.367 1.469c0 1.123.756 1.923 1.814 1.923c.454 0 .951-.151 1.47-.454l12.898-7.626l3.543 10.932C26.336 55.374 27.158 56 28 56c.886 0 1.685-.626 2.074-1.836L33.64 43.23l12.898 7.627c.519.303 1.016.432 1.448.432c1.037 0 1.836-.756 1.836-1.88c0-.453-.13-.972-.367-1.49l-5.466-11.537Zm-2.701-2.376v.15l-11.062 4.84c-.41.173-.605.454-.605.8c0 .13.043.302.13.453l5.703 11.473l-.13.13l-12.703-8.038c-.216-.108-.41-.194-.583-.194c-.346 0-.605.26-.735.691l-3.305 11.192h-.152L24.63 39.472c-.13-.432-.41-.691-.756-.691c-.173 0-.368.086-.562.194l-12.704 8.037l-.13-.13l5.704-11.472a1 1 0 0 0 .13-.453c0-.346-.216-.627-.605-.8l-11.062-4.84v-.15l11.472-3.544c.432-.13.67-.41.67-.756a.96.96 0 0 0-.151-.518l-5.142-9.852l.108-.108l9.917 5.228c.194.108.367.151.518.151c.324 0 .584-.194.756-.583l5.142-11.559h.152l5.141 11.56c.152.388.411.582.735.582c.173 0 .346-.043.54-.15l9.917-5.23l.108.109l-5.164 9.852c-.086.172-.15.345-.15.518c0 .346.237.627.69.756Z"/></svg>
React
import type { SVGProps } from "react";
export function F7Burst(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="M54.078 31.543c1.295-.626 1.922-1.512 1.922-2.42c0-.885-.626-1.706-1.922-2.16l-10.522-3.63l4.515-9.225a3.1 3.1 0 0 0 .324-1.383c0-1.253-.95-2.182-2.182-2.182a3 3 0 0 0-1.383.324l-9.549 4.667l-4.97-10.651c-.54-1.189-1.425-1.794-2.31-1.794c-.865 0-1.75.605-2.291 1.794l-4.97 10.65l-9.549-4.666a3.1 3.1 0 0 0-1.382-.324c-1.232 0-2.204.93-2.204 2.182c0 .432.108.908.346 1.383l4.515 9.225l-10.543 3.63C.67 27.395 0 28.259 0 29.145s.648 1.772 1.923 2.398l10.09 4.84L6.567 47.92a3.3 3.3 0 0 0-.367 1.469c0 1.123.756 1.923 1.814 1.923c.454 0 .951-.151 1.47-.454l12.898-7.626l3.543 10.932C26.336 55.374 27.158 56 28 56c.886 0 1.685-.626 2.074-1.836L33.64 43.23l12.898 7.627c.519.303 1.016.432 1.448.432c1.037 0 1.836-.756 1.836-1.88c0-.453-.13-.972-.367-1.49l-5.466-11.537Zm-2.701-2.376v.15l-11.062 4.84c-.41.173-.605.454-.605.8c0 .13.043.302.13.453l5.703 11.473l-.13.13l-12.703-8.038c-.216-.108-.41-.194-.583-.194c-.346 0-.605.26-.735.691l-3.305 11.192h-.152L24.63 39.472c-.13-.432-.41-.691-.756-.691c-.173 0-.368.086-.562.194l-12.704 8.037l-.13-.13l5.704-11.472a1 1 0 0 0 .13-.453c0-.346-.216-.627-.605-.8l-11.062-4.84v-.15l11.472-3.544c.432-.13.67-.41.67-.756a.96.96 0 0 0-.151-.518l-5.142-9.852l.108-.108l9.917 5.228c.194.108.367.151.518.151c.324 0 .584-.194.756-.583l5.142-11.559h.152l5.141 11.56c.152.388.411.582.735.582c.173 0 .346-.043.54-.15l9.917-5.23l.108.109l-5.164 9.852c-.086.172-.15.345-.15.518c0 .346.237.627.69.756Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M54.078 31.543c1.295-.626 1.922-1.512 1.922-2.42c0-.885-.626-1.706-1.922-2.16l-10.522-3.63l4.515-9.225a3.1 3.1 0 0 0 .324-1.383c0-1.253-.95-2.182-2.182-2.182a3 3 0 0 0-1.383.324l-9.549 4.667l-4.97-10.651c-.54-1.189-1.425-1.794-2.31-1.794c-.865 0-1.75.605-2.291 1.794l-4.97 10.65l-9.549-4.666a3.1 3.1 0 0 0-1.382-.324c-1.232 0-2.204.93-2.204 2.182c0 .432.108.908.346 1.383l4.515 9.225l-10.543 3.63C.67 27.395 0 28.259 0 29.145s.648 1.772 1.923 2.398l10.09 4.84L6.567 47.92a3.3 3.3 0 0 0-.367 1.469c0 1.123.756 1.923 1.814 1.923c.454 0 .951-.151 1.47-.454l12.898-7.626l3.543 10.932C26.336 55.374 27.158 56 28 56c.886 0 1.685-.626 2.074-1.836L33.64 43.23l12.898 7.627c.519.303 1.016.432 1.448.432c1.037 0 1.836-.756 1.836-1.88c0-.453-.13-.972-.367-1.49l-5.466-11.537Zm-2.701-2.376v.15l-11.062 4.84c-.41.173-.605.454-.605.8c0 .13.043.302.13.453l5.703 11.473l-.13.13l-12.703-8.038c-.216-.108-.41-.194-.583-.194c-.346 0-.605.26-.735.691l-3.305 11.192h-.152L24.63 39.472c-.13-.432-.41-.691-.756-.691c-.173 0-.368.086-.562.194l-12.704 8.037l-.13-.13l5.704-11.472a1 1 0 0 0 .13-.453c0-.346-.216-.627-.605-.8l-11.062-4.84v-.15l11.472-3.544c.432-.13.67-.41.67-.756a.96.96 0 0 0-.151-.518l-5.142-9.852l.108-.108l9.917 5.228c.194.108.367.151.518.151c.324 0 .584-.194.756-.583l5.142-11.559h.152l5.141 11.56c.152.388.411.582.735.582c.173 0 .346-.043.54-.15l9.917-5.23l.108.109l-5.164 9.852c-.086.172-.15.345-.15.518c0 .346.237.627.69.756Z"/></svg> </template>
CSS
.icon-burst {
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%22M54.078%2031.543c1.295-.626%201.922-1.512%201.922-2.42c0-.885-.626-1.706-1.922-2.16l-10.522-3.63l4.515-9.225a3.1%203.1%200%200%200%20.324-1.383c0-1.253-.95-2.182-2.182-2.182a3%203%200%200%200-1.383.324l-9.549%204.667l-4.97-10.651c-.54-1.189-1.425-1.794-2.31-1.794c-.865%200-1.75.605-2.291%201.794l-4.97%2010.65l-9.549-4.666a3.1%203.1%200%200%200-1.382-.324c-1.232%200-2.204.93-2.204%202.182c0%20.432.108.908.346%201.383l4.515%209.225l-10.543%203.63C.67%2027.395%200%2028.259%200%2029.145s.648%201.772%201.923%202.398l10.09%204.84L6.567%2047.92a3.3%203.3%200%200%200-.367%201.469c0%201.123.756%201.923%201.814%201.923c.454%200%20.951-.151%201.47-.454l12.898-7.626l3.543%2010.932C26.336%2055.374%2027.158%2056%2028%2056c.886%200%201.685-.626%202.074-1.836L33.64%2043.23l12.898%207.627c.519.303%201.016.432%201.448.432c1.037%200%201.836-.756%201.836-1.88c0-.453-.13-.972-.367-1.49l-5.466-11.537Zm-2.701-2.376v.15l-11.062%204.84c-.41.173-.605.454-.605.8c0%20.13.043.302.13.453l5.703%2011.473l-.13.13l-12.703-8.038c-.216-.108-.41-.194-.583-.194c-.346%200-.605.26-.735.691l-3.305%2011.192h-.152L24.63%2039.472c-.13-.432-.41-.691-.756-.691c-.173%200-.368.086-.562.194l-12.704%208.037l-.13-.13l5.704-11.472a1%201%200%200%200%20.13-.453c0-.346-.216-.627-.605-.8l-11.062-4.84v-.15l11.472-3.544c.432-.13.67-.41.67-.756a.96.96%200%200%200-.151-.518l-5.142-9.852l.108-.108l9.917%205.228c.194.108.367.151.518.151c.324%200%20.584-.194.756-.583l5.142-11.559h.152l5.141%2011.56c.152.388.411.582.735.582c.173%200%20.346-.043.54-.15l9.917-5.23l.108.109l-5.164%209.852c-.086.172-.15.345-.15.518c0%20.346.237.627.69.756Z%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%22M54.078%2031.543c1.295-.626%201.922-1.512%201.922-2.42c0-.885-.626-1.706-1.922-2.16l-10.522-3.63l4.515-9.225a3.1%203.1%200%200%200%20.324-1.383c0-1.253-.95-2.182-2.182-2.182a3%203%200%200%200-1.383.324l-9.549%204.667l-4.97-10.651c-.54-1.189-1.425-1.794-2.31-1.794c-.865%200-1.75.605-2.291%201.794l-4.97%2010.65l-9.549-4.666a3.1%203.1%200%200%200-1.382-.324c-1.232%200-2.204.93-2.204%202.182c0%20.432.108.908.346%201.383l4.515%209.225l-10.543%203.63C.67%2027.395%200%2028.259%200%2029.145s.648%201.772%201.923%202.398l10.09%204.84L6.567%2047.92a3.3%203.3%200%200%200-.367%201.469c0%201.123.756%201.923%201.814%201.923c.454%200%20.951-.151%201.47-.454l12.898-7.626l3.543%2010.932C26.336%2055.374%2027.158%2056%2028%2056c.886%200%201.685-.626%202.074-1.836L33.64%2043.23l12.898%207.627c.519.303%201.016.432%201.448.432c1.037%200%201.836-.756%201.836-1.88c0-.453-.13-.972-.367-1.49l-5.466-11.537Zm-2.701-2.376v.15l-11.062%204.84c-.41.173-.605.454-.605.8c0%20.13.043.302.13.453l5.703%2011.473l-.13.13l-12.703-8.038c-.216-.108-.41-.194-.583-.194c-.346%200-.605.26-.735.691l-3.305%2011.192h-.152L24.63%2039.472c-.13-.432-.41-.691-.756-.691c-.173%200-.368.086-.562.194l-12.704%208.037l-.13-.13l5.704-11.472a1%201%200%200%200%20.13-.453c0-.346-.216-.627-.605-.8l-11.062-4.84v-.15l11.472-3.544c.432-.13.67-.41.67-.756a.96.96%200%200%200-.151-.518l-5.142-9.852l.108-.108l9.917%205.228c.194.108.367.151.518.151c.324%200%20.584-.194.756-.583l5.142-11.559h.152l5.141%2011.56c.152.388.411.582.735.582c.173%200%20.346-.043.54-.15l9.917-5.23l.108.109l-5.164%209.852c-.086.172-.15.345-.15.518c0%20.346.237.627.69.756Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/burst.svg?color=%231a73e8&size=48
