boom icon
boom-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.
- Name
- boom-filled
- Set
- Tabler Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in Tabler Icons
The same icon in other sets
Use the boom icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.514 3.836c.151-.909 1.346-1.147 1.834-.366c2.294 3.67 4.275 4.048 5.758 1.083C15.577 3.609 17 3.945 17 5c0 2.448 1.552 4 4 4c.89 0 1.337 1.077.707 1.707c-1.61 1.61-1.61 2.975 0 4.581c.63.63.185 1.707-.706 1.708C18.553 16.999 18 17.552 18 20c0 .961-1.223 1.369-1.8.6c-2.325-3.1-5.494-2.856-7.368-.045c-.503.754-1.67.504-1.818-.39c-.365-2.188-1.04-2.656-4.178-3.179a1 1 0 0 1-.543-1.693c1.618-1.618 1.618-3.027-.053-4.981l-.009-.013l-.013-.014l-.044-.062l-.01-.011l-.006-.013l-.038-.066l-.017-.028l-.001-.004l-.027-.066l-.019-.041a1 1 0 0 1-.051-.233l-.002-.045L2 9.648a1 1 0 0 1 .06-.328l.009-.023l.023-.049l.011-.029l.009-.015l.007-.016l.019-.029l.02-.035l.012-.017l.013-.022l.027-.034l.011-.016l.018-.02l.02-.025l.021-.02l.015-.017l.035-.032l.02-.019l.009-.007l.018-.015l.055-.039l.018-.015l.008-.004l.01-.007l.061-.034l.028-.016l.004-.002l.063-.026l.044-.019a1 1 0 0 1 .115-.032l.004-.002l.267-.063c2.39-.613 3.934-2.19 4.411-4.523z"/></svg>
React
import type { SVGProps } from "react";
export function TablerBoomFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.514 3.836c.151-.909 1.346-1.147 1.834-.366c2.294 3.67 4.275 4.048 5.758 1.083C15.577 3.609 17 3.945 17 5c0 2.448 1.552 4 4 4c.89 0 1.337 1.077.707 1.707c-1.61 1.61-1.61 2.975 0 4.581c.63.63.185 1.707-.706 1.708C18.553 16.999 18 17.552 18 20c0 .961-1.223 1.369-1.8.6c-2.325-3.1-5.494-2.856-7.368-.045c-.503.754-1.67.504-1.818-.39c-.365-2.188-1.04-2.656-4.178-3.179a1 1 0 0 1-.543-1.693c1.618-1.618 1.618-3.027-.053-4.981l-.009-.013l-.013-.014l-.044-.062l-.01-.011l-.006-.013l-.038-.066l-.017-.028l-.001-.004l-.027-.066l-.019-.041a1 1 0 0 1-.051-.233l-.002-.045L2 9.648a1 1 0 0 1 .06-.328l.009-.023l.023-.049l.011-.029l.009-.015l.007-.016l.019-.029l.02-.035l.012-.017l.013-.022l.027-.034l.011-.016l.018-.02l.02-.025l.021-.02l.015-.017l.035-.032l.02-.019l.009-.007l.018-.015l.055-.039l.018-.015l.008-.004l.01-.007l.061-.034l.028-.016l.004-.002l.063-.026l.044-.019a1 1 0 0 1 .115-.032l.004-.002l.267-.063c2.39-.613 3.934-2.19 4.411-4.523z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.514 3.836c.151-.909 1.346-1.147 1.834-.366c2.294 3.67 4.275 4.048 5.758 1.083C15.577 3.609 17 3.945 17 5c0 2.448 1.552 4 4 4c.89 0 1.337 1.077.707 1.707c-1.61 1.61-1.61 2.975 0 4.581c.63.63.185 1.707-.706 1.708C18.553 16.999 18 17.552 18 20c0 .961-1.223 1.369-1.8.6c-2.325-3.1-5.494-2.856-7.368-.045c-.503.754-1.67.504-1.818-.39c-.365-2.188-1.04-2.656-4.178-3.179a1 1 0 0 1-.543-1.693c1.618-1.618 1.618-3.027-.053-4.981l-.009-.013l-.013-.014l-.044-.062l-.01-.011l-.006-.013l-.038-.066l-.017-.028l-.001-.004l-.027-.066l-.019-.041a1 1 0 0 1-.051-.233l-.002-.045L2 9.648a1 1 0 0 1 .06-.328l.009-.023l.023-.049l.011-.029l.009-.015l.007-.016l.019-.029l.02-.035l.012-.017l.013-.022l.027-.034l.011-.016l.018-.02l.02-.025l.021-.02l.015-.017l.035-.032l.02-.019l.009-.007l.018-.015l.055-.039l.018-.015l.008-.004l.01-.007l.061-.034l.028-.016l.004-.002l.063-.026l.044-.019a1 1 0 0 1 .115-.032l.004-.002l.267-.063c2.39-.613 3.934-2.19 4.411-4.523z"/></svg> </template>
CSS
.icon-boom-filled {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.514%203.836c.151-.909%201.346-1.147%201.834-.366c2.294%203.67%204.275%204.048%205.758%201.083C15.577%203.609%2017%203.945%2017%205c0%202.448%201.552%204%204%204c.89%200%201.337%201.077.707%201.707c-1.61%201.61-1.61%202.975%200%204.581c.63.63.185%201.707-.706%201.708C18.553%2016.999%2018%2017.552%2018%2020c0%20.961-1.223%201.369-1.8.6c-2.325-3.1-5.494-2.856-7.368-.045c-.503.754-1.67.504-1.818-.39c-.365-2.188-1.04-2.656-4.178-3.179a1%201%200%200%201-.543-1.693c1.618-1.618%201.618-3.027-.053-4.981l-.009-.013l-.013-.014l-.044-.062l-.01-.011l-.006-.013l-.038-.066l-.017-.028l-.001-.004l-.027-.066l-.019-.041a1%201%200%200%201-.051-.233l-.002-.045L2%209.648a1%201%200%200%201%20.06-.328l.009-.023l.023-.049l.011-.029l.009-.015l.007-.016l.019-.029l.02-.035l.012-.017l.013-.022l.027-.034l.011-.016l.018-.02l.02-.025l.021-.02l.015-.017l.035-.032l.02-.019l.009-.007l.018-.015l.055-.039l.018-.015l.008-.004l.01-.007l.061-.034l.028-.016l.004-.002l.063-.026l.044-.019a1%201%200%200%201%20.115-.032l.004-.002l.267-.063c2.39-.613%203.934-2.19%204.411-4.523z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.514%203.836c.151-.909%201.346-1.147%201.834-.366c2.294%203.67%204.275%204.048%205.758%201.083C15.577%203.609%2017%203.945%2017%205c0%202.448%201.552%204%204%204c.89%200%201.337%201.077.707%201.707c-1.61%201.61-1.61%202.975%200%204.581c.63.63.185%201.707-.706%201.708C18.553%2016.999%2018%2017.552%2018%2020c0%20.961-1.223%201.369-1.8.6c-2.325-3.1-5.494-2.856-7.368-.045c-.503.754-1.67.504-1.818-.39c-.365-2.188-1.04-2.656-4.178-3.179a1%201%200%200%201-.543-1.693c1.618-1.618%201.618-3.027-.053-4.981l-.009-.013l-.013-.014l-.044-.062l-.01-.011l-.006-.013l-.038-.066l-.017-.028l-.001-.004l-.027-.066l-.019-.041a1%201%200%200%201-.051-.233l-.002-.045L2%209.648a1%201%200%200%201%20.06-.328l.009-.023l.023-.049l.011-.029l.009-.015l.007-.016l.019-.029l.02-.035l.012-.017l.013-.022l.027-.034l.011-.016l.018-.02l.02-.025l.021-.02l.015-.017l.035-.032l.02-.019l.009-.007l.018-.015l.055-.039l.018-.015l.008-.004l.01-.007l.061-.034l.028-.016l.004-.002l.063-.026l.044-.019a1%201%200%200%201%20.115-.032l.004-.002l.267-.063c2.39-.613%203.934-2.19%204.411-4.523z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/boom-filled.svg?color=%231a73e8&size=48
