bomb icon
bomb-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- bomb-bold
- Set
- Phosphor
- Style
- Bold
- 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 SolidbombFont Awesome SolidbombFluent EmojibombFluent Emoji FlatbombFluent Emoji High ContrastbombFirefox OS EmojibombHuge IconsbombLine AwesomebombLucidebombMaterial SymbolsbombMaterial Symbols LightbombMaterial 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="M244 28a12 12 0 0 0-12 12a48.7 48.7 0 0 1-3.33 16c-4.44 10.64-11.24 12-16.67 12c-8.81 0-14.91-8.5-23.91-22.49C178.5 30.58 166.55 12 144 12c-18.14 0-32 9.78-39.14 27.54A68.3 68.3 0 0 0 101.27 52H88a20 20 0 0 0-20 20v7.18A92 92 0 0 0 112 252h1.66A92 92 0 0 0 156 79.18V72a20 20 0 0 0-20-20h-10.07a41 41 0 0 1 1.4-4c4.44-10.62 11.24-12 16.67-12c8.81 0 14.91 8.5 23.91 22.49C177.5 73.42 189.45 92 212 92c18.14 0 32-9.78 39.14-27.54A71.9 71.9 0 0 0 256 40a12 12 0 0 0-12-12M139.2 97.65a68 68 0 1 1-54.4 0a12 12 0 0 0 7.2-11V76h40v10.66a12 12 0 0 0 7.2 10.99m-27.75 104.11a12 12 0 0 1-11.45 8.41a12.2 12.2 0 0 1-3.6-.55A51.79 51.79 0 0 1 60 160a12 12 0 0 1 24 0a27.89 27.89 0 0 0 19.6 26.72a12 12 0 0 1 7.85 15.04"/></svg>
React
import type { SVGProps } from "react";
export function PhBombBold(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="M244 28a12 12 0 0 0-12 12a48.7 48.7 0 0 1-3.33 16c-4.44 10.64-11.24 12-16.67 12c-8.81 0-14.91-8.5-23.91-22.49C178.5 30.58 166.55 12 144 12c-18.14 0-32 9.78-39.14 27.54A68.3 68.3 0 0 0 101.27 52H88a20 20 0 0 0-20 20v7.18A92 92 0 0 0 112 252h1.66A92 92 0 0 0 156 79.18V72a20 20 0 0 0-20-20h-10.07a41 41 0 0 1 1.4-4c4.44-10.62 11.24-12 16.67-12c8.81 0 14.91 8.5 23.91 22.49C177.5 73.42 189.45 92 212 92c18.14 0 32-9.78 39.14-27.54A71.9 71.9 0 0 0 256 40a12 12 0 0 0-12-12M139.2 97.65a68 68 0 1 1-54.4 0a12 12 0 0 0 7.2-11V76h40v10.66a12 12 0 0 0 7.2 10.99m-27.75 104.11a12 12 0 0 1-11.45 8.41a12.2 12.2 0 0 1-3.6-.55A51.79 51.79 0 0 1 60 160a12 12 0 0 1 24 0a27.89 27.89 0 0 0 19.6 26.72a12 12 0 0 1 7.85 15.04"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M244 28a12 12 0 0 0-12 12a48.7 48.7 0 0 1-3.33 16c-4.44 10.64-11.24 12-16.67 12c-8.81 0-14.91-8.5-23.91-22.49C178.5 30.58 166.55 12 144 12c-18.14 0-32 9.78-39.14 27.54A68.3 68.3 0 0 0 101.27 52H88a20 20 0 0 0-20 20v7.18A92 92 0 0 0 112 252h1.66A92 92 0 0 0 156 79.18V72a20 20 0 0 0-20-20h-10.07a41 41 0 0 1 1.4-4c4.44-10.62 11.24-12 16.67-12c8.81 0 14.91 8.5 23.91 22.49C177.5 73.42 189.45 92 212 92c18.14 0 32-9.78 39.14-27.54A71.9 71.9 0 0 0 256 40a12 12 0 0 0-12-12M139.2 97.65a68 68 0 1 1-54.4 0a12 12 0 0 0 7.2-11V76h40v10.66a12 12 0 0 0 7.2 10.99m-27.75 104.11a12 12 0 0 1-11.45 8.41a12.2 12.2 0 0 1-3.6-.55A51.79 51.79 0 0 1 60 160a12 12 0 0 1 24 0a27.89 27.89 0 0 0 19.6 26.72a12 12 0 0 1 7.85 15.04"/></svg> </template>
CSS
.icon-bomb-bold {
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%22M244%2028a12%2012%200%200%200-12%2012a48.7%2048.7%200%200%201-3.33%2016c-4.44%2010.64-11.24%2012-16.67%2012c-8.81%200-14.91-8.5-23.91-22.49C178.5%2030.58%20166.55%2012%20144%2012c-18.14%200-32%209.78-39.14%2027.54A68.3%2068.3%200%200%200%20101.27%2052H88a20%2020%200%200%200-20%2020v7.18A92%2092%200%200%200%20112%20252h1.66A92%2092%200%200%200%20156%2079.18V72a20%2020%200%200%200-20-20h-10.07a41%2041%200%200%201%201.4-4c4.44-10.62%2011.24-12%2016.67-12c8.81%200%2014.91%208.5%2023.91%2022.49C177.5%2073.42%20189.45%2092%20212%2092c18.14%200%2032-9.78%2039.14-27.54A71.9%2071.9%200%200%200%20256%2040a12%2012%200%200%200-12-12M139.2%2097.65a68%2068%200%201%201-54.4%200a12%2012%200%200%200%207.2-11V76h40v10.66a12%2012%200%200%200%207.2%2010.99m-27.75%20104.11a12%2012%200%200%201-11.45%208.41a12.2%2012.2%200%200%201-3.6-.55A51.79%2051.79%200%200%201%2060%20160a12%2012%200%200%201%2024%200a27.89%2027.89%200%200%200%2019.6%2026.72a12%2012%200%200%201%207.85%2015.04%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%22M244%2028a12%2012%200%200%200-12%2012a48.7%2048.7%200%200%201-3.33%2016c-4.44%2010.64-11.24%2012-16.67%2012c-8.81%200-14.91-8.5-23.91-22.49C178.5%2030.58%20166.55%2012%20144%2012c-18.14%200-32%209.78-39.14%2027.54A68.3%2068.3%200%200%200%20101.27%2052H88a20%2020%200%200%200-20%2020v7.18A92%2092%200%200%200%20112%20252h1.66A92%2092%200%200%200%20156%2079.18V72a20%2020%200%200%200-20-20h-10.07a41%2041%200%200%201%201.4-4c4.44-10.62%2011.24-12%2016.67-12c8.81%200%2014.91%208.5%2023.91%2022.49C177.5%2073.42%20189.45%2092%20212%2092c18.14%200%2032-9.78%2039.14-27.54A71.9%2071.9%200%200%200%20256%2040a12%2012%200%200%200-12-12M139.2%2097.65a68%2068%200%201%201-54.4%200a12%2012%200%200%200%207.2-11V76h40v10.66a12%2012%200%200%200%207.2%2010.99m-27.75%20104.11a12%2012%200%200%201-11.45%208.41a12.2%2012.2%200%200%201-3.6-.55A51.79%2051.79%200%200%201%2060%20160a12%2012%200%200%201%2024%200a27.89%2027.89%200%200%200%2019.6%2026.72a12%2012%200%200%201%207.85%2015.04%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/bomb-bold.svg?color=%231a73e8&size=48
