bomb icon
bomb-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- bomb-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
bombBoxIcons v2bombBoxIcons v2 SolidbombEmoji One (Colored)bombFont Awesome 6 SolidbombFluent EmojibombFluent Emoji FlatbombFluent Emoji High ContrastbombHuge IconsbombLine AwesomebombLucidebombMaterial SymbolsbombMaterial Design Iconsbomb-fillMingCute IconbombNoto EmojibombOpenMojibombPixelarticonsbomb-boldSolarbombStreamline EmojisbombTabler IconsbombTwitter Emoji
Use the bomb icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M248 36a4 4 0 0 0-4 4c0 1.47-.42 36-28 36c-13.94 0-23.08-12.79-32.75-26.33C172.83 35.09 162.06 20 144 20c-14.86 0-25.82 7.79-31.71 22.51A63.7 63.7 0 0 0 108.22 60H88a12 12 0 0 0-12 12v12.08A84 84 0 0 0 112 244h1.51A84 84 0 0 0 148 84.08V72a12 12 0 0 0-12-12h-19.76c.92-9.42 5.45-32 27.76-32c13.94 0 23.08 12.79 32.75 26.33C187.17 68.91 197.94 84 216 84c14.86 0 25.82-7.79 31.71-22.51A64.3 64.3 0 0 0 252 40a4 4 0 0 0-4-4M140 72v14.66a4 4 0 0 0 2.4 3.66a76 76 0 1 1-60.8 0a4 4 0 0 0 2.4-3.66V72a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4m-35.34 132.05A4 4 0 0 1 104 212a5 5 0 0 1-.66-.05a53.46 53.46 0 0 1-43.29-43.29a4 4 0 0 1 7.9-1.32a45.31 45.31 0 0 0 36.71 36.71"/></svg>
React
import type { SVGProps } from "react";
export function PhBombThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M248 36a4 4 0 0 0-4 4c0 1.47-.42 36-28 36c-13.94 0-23.08-12.79-32.75-26.33C172.83 35.09 162.06 20 144 20c-14.86 0-25.82 7.79-31.71 22.51A63.7 63.7 0 0 0 108.22 60H88a12 12 0 0 0-12 12v12.08A84 84 0 0 0 112 244h1.51A84 84 0 0 0 148 84.08V72a12 12 0 0 0-12-12h-19.76c.92-9.42 5.45-32 27.76-32c13.94 0 23.08 12.79 32.75 26.33C187.17 68.91 197.94 84 216 84c14.86 0 25.82-7.79 31.71-22.51A64.3 64.3 0 0 0 252 40a4 4 0 0 0-4-4M140 72v14.66a4 4 0 0 0 2.4 3.66a76 76 0 1 1-60.8 0a4 4 0 0 0 2.4-3.66V72a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4m-35.34 132.05A4 4 0 0 1 104 212a5 5 0 0 1-.66-.05a53.46 53.46 0 0 1-43.29-43.29a4 4 0 0 1 7.9-1.32a45.31 45.31 0 0 0 36.71 36.71"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M248 36a4 4 0 0 0-4 4c0 1.47-.42 36-28 36c-13.94 0-23.08-12.79-32.75-26.33C172.83 35.09 162.06 20 144 20c-14.86 0-25.82 7.79-31.71 22.51A63.7 63.7 0 0 0 108.22 60H88a12 12 0 0 0-12 12v12.08A84 84 0 0 0 112 244h1.51A84 84 0 0 0 148 84.08V72a12 12 0 0 0-12-12h-19.76c.92-9.42 5.45-32 27.76-32c13.94 0 23.08 12.79 32.75 26.33C187.17 68.91 197.94 84 216 84c14.86 0 25.82-7.79 31.71-22.51A64.3 64.3 0 0 0 252 40a4 4 0 0 0-4-4M140 72v14.66a4 4 0 0 0 2.4 3.66a76 76 0 1 1-60.8 0a4 4 0 0 0 2.4-3.66V72a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4m-35.34 132.05A4 4 0 0 1 104 212a5 5 0 0 1-.66-.05a53.46 53.46 0 0 1-43.29-43.29a4 4 0 0 1 7.9-1.32a45.31 45.31 0 0 0 36.71 36.71"/></svg> </template>
CSS
.icon-bomb-thin {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M248%2036a4%204%200%200%200-4%204c0%201.47-.42%2036-28%2036c-13.94%200-23.08-12.79-32.75-26.33C172.83%2035.09%20162.06%2020%20144%2020c-14.86%200-25.82%207.79-31.71%2022.51A63.7%2063.7%200%200%200%20108.22%2060H88a12%2012%200%200%200-12%2012v12.08A84%2084%200%200%200%20112%20244h1.51A84%2084%200%200%200%20148%2084.08V72a12%2012%200%200%200-12-12h-19.76c.92-9.42%205.45-32%2027.76-32c13.94%200%2023.08%2012.79%2032.75%2026.33C187.17%2068.91%20197.94%2084%20216%2084c14.86%200%2025.82-7.79%2031.71-22.51A64.3%2064.3%200%200%200%20252%2040a4%204%200%200%200-4-4M140%2072v14.66a4%204%200%200%200%202.4%203.66a76%2076%200%201%201-60.8%200a4%204%200%200%200%202.4-3.66V72a4%204%200%200%201%204-4h48a4%204%200%200%201%204%204m-35.34%20132.05A4%204%200%200%201%20104%20212a5%205%200%200%201-.66-.05a53.46%2053.46%200%200%201-43.29-43.29a4%204%200%200%201%207.9-1.32a45.31%2045.31%200%200%200%2036.71%2036.71%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M248%2036a4%204%200%200%200-4%204c0%201.47-.42%2036-28%2036c-13.94%200-23.08-12.79-32.75-26.33C172.83%2035.09%20162.06%2020%20144%2020c-14.86%200-25.82%207.79-31.71%2022.51A63.7%2063.7%200%200%200%20108.22%2060H88a12%2012%200%200%200-12%2012v12.08A84%2084%200%200%200%20112%20244h1.51A84%2084%200%200%200%20148%2084.08V72a12%2012%200%200%200-12-12h-19.76c.92-9.42%205.45-32%2027.76-32c13.94%200%2023.08%2012.79%2032.75%2026.33C187.17%2068.91%20197.94%2084%20216%2084c14.86%200%2025.82-7.79%2031.71-22.51A64.3%2064.3%200%200%200%20252%2040a4%204%200%200%200-4-4M140%2072v14.66a4%204%200%200%200%202.4%203.66a76%2076%200%201%201-60.8%200a4%204%200%200%200%202.4-3.66V72a4%204%200%200%201%204-4h48a4%204%200%200%201%204%204m-35.34%20132.05A4%204%200%200%201%20104%20212a5%205%200%200%201-.66-.05a53.46%2053.46%200%200%201-43.29-43.29a4%204%200%200%201%207.9-1.32a45.31%2045.31%200%200%200%2036.71%2036.71%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/bomb-thin.svg?color=%231a73e8&size=48
