burst icon
burst-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- burst-fill
- Set
- Framework7 Icons
- Style
- Fill
- 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.084 31.229C55.376 30.605 56 29.714 56 28.823s-.624-1.715-1.916-2.16L43.548 23.03l4.522-9.244c.245-.468.312-.958.312-1.381c0-1.247-.936-2.16-2.161-2.16c-.423 0-.913.066-1.38.311l-9.557 4.678l-4.99-10.67C29.76 3.385 28.891 2.783 28 2.783c-.869 0-1.738.602-2.272 1.782l-4.99 10.67l-9.556-4.678a3 3 0 0 0-1.38-.312c-1.226 0-2.184.914-2.184 2.161c0 .423.09.913.334 1.381l4.522 9.244l-10.558 3.631C.668 27.085 0 27.954 0 28.845c0 .869.646 1.76 1.916 2.384l10.113 4.833L6.57 47.623a3.14 3.14 0 0 0-.378 1.47c0 1.114.757 1.916 1.826 1.916c.446 0 .936-.156 1.448-.468l12.92-7.64l3.541 10.96c.424 1.202 1.226 1.826 2.072 1.826c.891 0 1.67-.624 2.072-1.827l3.564-10.96l12.92 7.641c.512.312 1.002.446 1.447.446c1.025 0 1.827-.758 1.827-1.871c0-.468-.134-.98-.38-1.493l-5.479-11.56Z"/></svg>
React
import type { SVGProps } from "react";
export function F7BurstFill(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.084 31.229C55.376 30.605 56 29.714 56 28.823s-.624-1.715-1.916-2.16L43.548 23.03l4.522-9.244c.245-.468.312-.958.312-1.381c0-1.247-.936-2.16-2.161-2.16c-.423 0-.913.066-1.38.311l-9.557 4.678l-4.99-10.67C29.76 3.385 28.891 2.783 28 2.783c-.869 0-1.738.602-2.272 1.782l-4.99 10.67l-9.556-4.678a3 3 0 0 0-1.38-.312c-1.226 0-2.184.914-2.184 2.161c0 .423.09.913.334 1.381l4.522 9.244l-10.558 3.631C.668 27.085 0 27.954 0 28.845c0 .869.646 1.76 1.916 2.384l10.113 4.833L6.57 47.623a3.14 3.14 0 0 0-.378 1.47c0 1.114.757 1.916 1.826 1.916c.446 0 .936-.156 1.448-.468l12.92-7.64l3.541 10.96c.424 1.202 1.226 1.826 2.072 1.826c.891 0 1.67-.624 2.072-1.827l3.564-10.96l12.92 7.641c.512.312 1.002.446 1.447.446c1.025 0 1.827-.758 1.827-1.871c0-.468-.134-.98-.38-1.493l-5.479-11.56Z"/></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.084 31.229C55.376 30.605 56 29.714 56 28.823s-.624-1.715-1.916-2.16L43.548 23.03l4.522-9.244c.245-.468.312-.958.312-1.381c0-1.247-.936-2.16-2.161-2.16c-.423 0-.913.066-1.38.311l-9.557 4.678l-4.99-10.67C29.76 3.385 28.891 2.783 28 2.783c-.869 0-1.738.602-2.272 1.782l-4.99 10.67l-9.556-4.678a3 3 0 0 0-1.38-.312c-1.226 0-2.184.914-2.184 2.161c0 .423.09.913.334 1.381l4.522 9.244l-10.558 3.631C.668 27.085 0 27.954 0 28.845c0 .869.646 1.76 1.916 2.384l10.113 4.833L6.57 47.623a3.14 3.14 0 0 0-.378 1.47c0 1.114.757 1.916 1.826 1.916c.446 0 .936-.156 1.448-.468l12.92-7.64l3.541 10.96c.424 1.202 1.226 1.826 2.072 1.826c.891 0 1.67-.624 2.072-1.827l3.564-10.96l12.92 7.641c.512.312 1.002.446 1.447.446c1.025 0 1.827-.758 1.827-1.871c0-.468-.134-.98-.38-1.493l-5.479-11.56Z"/></svg> </template>
CSS
.icon-burst-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%22M54.084%2031.229C55.376%2030.605%2056%2029.714%2056%2028.823s-.624-1.715-1.916-2.16L43.548%2023.03l4.522-9.244c.245-.468.312-.958.312-1.381c0-1.247-.936-2.16-2.161-2.16c-.423%200-.913.066-1.38.311l-9.557%204.678l-4.99-10.67C29.76%203.385%2028.891%202.783%2028%202.783c-.869%200-1.738.602-2.272%201.782l-4.99%2010.67l-9.556-4.678a3%203%200%200%200-1.38-.312c-1.226%200-2.184.914-2.184%202.161c0%20.423.09.913.334%201.381l4.522%209.244l-10.558%203.631C.668%2027.085%200%2027.954%200%2028.845c0%20.869.646%201.76%201.916%202.384l10.113%204.833L6.57%2047.623a3.14%203.14%200%200%200-.378%201.47c0%201.114.757%201.916%201.826%201.916c.446%200%20.936-.156%201.448-.468l12.92-7.64l3.541%2010.96c.424%201.202%201.226%201.826%202.072%201.826c.891%200%201.67-.624%202.072-1.827l3.564-10.96l12.92%207.641c.512.312%201.002.446%201.447.446c1.025%200%201.827-.758%201.827-1.871c0-.468-.134-.98-.38-1.493l-5.479-11.56Z%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.084%2031.229C55.376%2030.605%2056%2029.714%2056%2028.823s-.624-1.715-1.916-2.16L43.548%2023.03l4.522-9.244c.245-.468.312-.958.312-1.381c0-1.247-.936-2.16-2.161-2.16c-.423%200-.913.066-1.38.311l-9.557%204.678l-4.99-10.67C29.76%203.385%2028.891%202.783%2028%202.783c-.869%200-1.738.602-2.272%201.782l-4.99%2010.67l-9.556-4.678a3%203%200%200%200-1.38-.312c-1.226%200-2.184.914-2.184%202.161c0%20.423.09.913.334%201.381l4.522%209.244l-10.558%203.631C.668%2027.085%200%2027.954%200%2028.845c0%20.869.646%201.76%201.916%202.384l10.113%204.833L6.57%2047.623a3.14%203.14%200%200%200-.378%201.47c0%201.114.757%201.916%201.826%201.916c.446%200%20.936-.156%201.448-.468l12.92-7.64l3.541%2010.96c.424%201.202%201.226%201.826%202.072%201.826c.891%200%201.67-.624%202.072-1.827l3.564-10.96l12.92%207.641c.512.312%201.002.446%201.447.446c1.025%200%201.827-.758%201.827-1.871c0-.468-.134-.98-.38-1.493l-5.479-11.56Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/burst-fill.svg?color=%231a73e8&size=48
