Bomb Emoji Bold icon
solar:bomb-emoji-bold
The Bomb Emoji Bold icon (solar:bomb-emoji-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Security
- Tags
- bombemoji, emojibold, bombemojibold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.9811 2.35316C18.1668 1.88228 18.8332 1.88228 19.0189 2.35316L19.6733 4.01242C19.73 4.15618 19.8438 4.26998 19.9876 4.32668L21.6468 4.98108C22.1177 5.16679 22.1177 5.83321 21.6468 6.01892L19.9876 6.67332C19.8438 6.73002 19.73 6.84382 19.6733 6.98758L19.0189 8.64684C18.8332 9.11772 18.1668 9.11772 17.9811 8.64684L17.3267 6.98758C17.27 6.84382 17.1562 6.73002 17.0124 6.67332L15.3532 6.01892C14.8823 5.83321 14.8823 5.16679 15.3532 4.98108L17.0124 4.32668C17.1562 4.26998 17.27 4.15618 17.3267 4.01242L17.9811 2.35316Z"/><path fill-rule="evenodd" d="M17 14.5C17 18.6421 13.6421 22 9.5 22C5.35786 22 2 18.6421 2 14.5C2 10.3579 5.35786 7 9.5 7C13.6421 7 17 10.3579 17 14.5ZM12 16.75C12.4142 16.75 12.75 16.4142 12.75 16C12.75 15.5858 12.4142 15.25 12 15.25H10C9.58579 15.25 9.25 15.5858 9.25 16C9.25 16.4142 9.58579 16.75 10 16.75H12ZM14 12.5C14 13.3284 13.5523 14 13 14C12.4477 14 12 13.3284 12 12.5C12 11.6716 12.4477 11 13 11C13.5523 11 14 11.6716 14 12.5ZM9 14C9.55228 14 10 13.3284 10 12.5C10 11.6716 9.55228 11 9 11C8.44772 11 8 11.6716 8 12.5C8 13.3284 8.44772 14 9 14Z" clip-rule="evenodd"/><path d="M16.7669 8.29386L16.0175 9.04328C15.6957 8.6594 15.3407 8.30436 14.9568 7.98261L15.7063 7.23315L16.4669 7.53312L16.7669 8.29386Z"/></g></svg>How to use the Bomb Emoji Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:bomb-emoji-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:bomb-emoji-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:bomb-emoji-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bomb-emoji-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bomb-emoji-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:bomb-emoji-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/bomb-emoji-bold.svg" alt="Bomb Emoji Bold icon" width="24" height="24">Related icons in Solar
Bomb Emoji Bold icon FAQ
Is the Bomb Emoji Bold icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Bomb Emoji Bold icon in React?
Install @iconify/react and render <Icon icon="solar:bomb-emoji-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bomb Emoji Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/bomb-emoji-bold.svg" alt="Bomb Emoji Bold icon">, or paste the SVG code inline to style it with CSS.