bomb icon
bomb from Font Awesome Solid by Dave Gandy · Solid · Maps · CC-BY-4.0 Attribution required.
- Name
- bomb
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Maps
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
bombBoxIcons v2bombBoxIcons v2 SolidbombEmoji One (Colored)bombFont Awesome 6 SolidbombFluent EmojibombFluent Emoji FlatbombFluent Emoji High ContrastbombFirefox OS EmojibombHuge IconsbombLine AwesomebombLucidebombMaterial SymbolsbombMaterial Symbols LightbombMaterial Design Iconsbomb-fillMingCute IconbombNoto EmojibombOpenMojibombPhosphorbombPixelarticonsbomb-boldSolarbombStreamline EmojisbombTabler IconsbombTwitter Emoji
More maps icons from Font Awesome Solid
Use the bomb icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M512 48c6.9 0 13 4.4 15.2 10.9l13.5 40.4l40.4 13.5c6.5 2.2 10.9 8.3 10.9 15.2s-4.4 13-10.9 15.2l-40.4 13.5l-13.5 40.4c-2.2 6.5-8.3 10.9-15.2 10.9s-13-4.4-15.2-10.9l-13.5-40.4l-40.4-13.5c-6.5-2.2-10.9-8.3-10.9-15.2s4.4-13 10.9-15.2l40.4-13.5l13.5-40.4C499 52.4 505.1 48 512 48M353.4 161.4c12.5-12.5 32.8-12.5 45.3 0l80 80c12.5 12.5 12.5 32.8 0 45.3l-10.9 10.9c7.9 22 12.2 45.7 12.2 70.5c0 114.9-93.1 208-208 208S64 482.9 64 368s93.1-208 208-208c24.7 0 48.5 4.3 70.5 12.3zM176 368c0-53 43-96 96-96c13.3 0 24-10.7 24-24s-10.7-24-24-24c-79.5 0-144 64.5-144 144c0 13.3 10.7 24 24 24s24-10.7 24-24"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidBomb(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M512 48c6.9 0 13 4.4 15.2 10.9l13.5 40.4l40.4 13.5c6.5 2.2 10.9 8.3 10.9 15.2s-4.4 13-10.9 15.2l-40.4 13.5l-13.5 40.4c-2.2 6.5-8.3 10.9-15.2 10.9s-13-4.4-15.2-10.9l-13.5-40.4l-40.4-13.5c-6.5-2.2-10.9-8.3-10.9-15.2s4.4-13 10.9-15.2l40.4-13.5l13.5-40.4C499 52.4 505.1 48 512 48M353.4 161.4c12.5-12.5 32.8-12.5 45.3 0l80 80c12.5 12.5 12.5 32.8 0 45.3l-10.9 10.9c7.9 22 12.2 45.7 12.2 70.5c0 114.9-93.1 208-208 208S64 482.9 64 368s93.1-208 208-208c24.7 0 48.5 4.3 70.5 12.3zM176 368c0-53 43-96 96-96c13.3 0 24-10.7 24-24s-10.7-24-24-24c-79.5 0-144 64.5-144 144c0 13.3 10.7 24 24 24s24-10.7 24-24"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M512 48c6.9 0 13 4.4 15.2 10.9l13.5 40.4l40.4 13.5c6.5 2.2 10.9 8.3 10.9 15.2s-4.4 13-10.9 15.2l-40.4 13.5l-13.5 40.4c-2.2 6.5-8.3 10.9-15.2 10.9s-13-4.4-15.2-10.9l-13.5-40.4l-40.4-13.5c-6.5-2.2-10.9-8.3-10.9-15.2s4.4-13 10.9-15.2l40.4-13.5l13.5-40.4C499 52.4 505.1 48 512 48M353.4 161.4c12.5-12.5 32.8-12.5 45.3 0l80 80c12.5 12.5 12.5 32.8 0 45.3l-10.9 10.9c7.9 22 12.2 45.7 12.2 70.5c0 114.9-93.1 208-208 208S64 482.9 64 368s93.1-208 208-208c24.7 0 48.5 4.3 70.5 12.3zM176 368c0-53 43-96 96-96c13.3 0 24-10.7 24-24s-10.7-24-24-24c-79.5 0-144 64.5-144 144c0 13.3 10.7 24 24 24s24-10.7 24-24"/></svg> </template>
CSS
.icon-bomb {
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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%2048c6.9%200%2013%204.4%2015.2%2010.9l13.5%2040.4l40.4%2013.5c6.5%202.2%2010.9%208.3%2010.9%2015.2s-4.4%2013-10.9%2015.2l-40.4%2013.5l-13.5%2040.4c-2.2%206.5-8.3%2010.9-15.2%2010.9s-13-4.4-15.2-10.9l-13.5-40.4l-40.4-13.5c-6.5-2.2-10.9-8.3-10.9-15.2s4.4-13%2010.9-15.2l40.4-13.5l13.5-40.4C499%2052.4%20505.1%2048%20512%2048M353.4%20161.4c12.5-12.5%2032.8-12.5%2045.3%200l80%2080c12.5%2012.5%2012.5%2032.8%200%2045.3l-10.9%2010.9c7.9%2022%2012.2%2045.7%2012.2%2070.5c0%20114.9-93.1%20208-208%20208S64%20482.9%2064%20368s93.1-208%20208-208c24.7%200%2048.5%204.3%2070.5%2012.3zM176%20368c0-53%2043-96%2096-96c13.3%200%2024-10.7%2024-24s-10.7-24-24-24c-79.5%200-144%2064.5-144%20144c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%2048c6.9%200%2013%204.4%2015.2%2010.9l13.5%2040.4l40.4%2013.5c6.5%202.2%2010.9%208.3%2010.9%2015.2s-4.4%2013-10.9%2015.2l-40.4%2013.5l-13.5%2040.4c-2.2%206.5-8.3%2010.9-15.2%2010.9s-13-4.4-15.2-10.9l-13.5-40.4l-40.4-13.5c-6.5-2.2-10.9-8.3-10.9-15.2s4.4-13%2010.9-15.2l40.4-13.5l13.5-40.4C499%2052.4%20505.1%2048%20512%2048M353.4%20161.4c12.5-12.5%2032.8-12.5%2045.3%200l80%2080c12.5%2012.5%2012.5%2032.8%200%2045.3l-10.9%2010.9c7.9%2022%2012.2%2045.7%2012.2%2070.5c0%20114.9-93.1%20208-208%20208S64%20482.9%2064%20368s93.1-208%20208-208c24.7%200%2048.5%204.3%2070.5%2012.3zM176%20368c0-53%2043-96%2096-96c13.3%200%2024-10.7%2024-24s-10.7-24-24-24c-79.5%200-144%2064.5-144%20144c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/bomb.svg?color=%231a73e8&size=48
