Sonic Boom icon
game-icons:sonic-boom
The Sonic Boom icon (game-icons:sonic-boom) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.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
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- sonicboom
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M255.594 19.32a238 238 0 0 0-55.256 6.703l29.64 62.618a189.5 189.5 0 0 1 46.448-3.445zm47.213 4.502l13.277 67.563c80.478 21.548 139.744 94.97 139.744 182.242c0 104.193-84.466 188.66-188.66 188.66c-86.638 0-159.628-58.404-181.768-137.986l-60.023-15.71C49.16 414.368 143.55 493.268 256.567 493.268c130.99 0 236.98-105.99 236.98-236.98c0-115.16-81.928-210.986-190.74-232.466M154.137 42.49a237 237 0 0 0-52.9 34.748l44.482 52.03a188.7 188.7 0 0 1 44.897-28.112l-36.48-58.666zM68.89 111.51a236.6 236.6 0 0 0-30.1 51.12l54.462 37.765a188.5 188.5 0 0 1 24.963-42.55zm209.737 52.97c-4.208 0-8.368.204-12.475.59l32.12 67.866a84.2 84.2 0 0 1 26.822 6.17l-22.934-72.53a132.5 132.5 0 0 0-23.533-2.097zM234.67 172a131.4 131.4 0 0 0-35.83 19.398l47.36 55.393c8.293-5.49 17.6-9.572 27.593-11.873zm98.055 4.066l15.125 76.973c14.87 12.698 25.3 30.44 28.62 50.585c12.203 6.997 22.144 17.516 28.41 30.164a131.7 131.7 0 0 0 5.452-37.606c0-53.457-31.85-99.475-77.607-120.116M24.505 207.99a238.6 238.6 0 0 0-4.92 48.297c0 1.402.03 2.8.054 4.196L78.76 283.46a192 192 0 0 1-.254-9.833c0-11.836 1.1-23.413 3.185-34.645l-57.187-30.99zm152.192 4.785a131.7 131.7 0 0 0-19.383 32.04l57.448 39.837c3.517-8.36 8.352-16.023 14.22-22.763l-52.285-49.113zm-28.11 62.453a132.8 132.8 0 0 0-.919 35.004l62.19 24.164a85 85 0 0 1-1.692-16.92c0-3.268.19-6.49.55-9.664L148.59 275.23zm192.854 37.745a51.93 51.93 0 0 0-52.07 52.07a51.93 51.93 0 0 0 52.07 52.07a51.93 51.93 0 0 0 52.072-52.07a51.93 51.93 0 0 0-52.07-52.07zM155.35 342.61c18.774 49.828 66.883 85.28 123.28 85.28c8.855 0 17.505-.88 25.87-2.548a71.45 71.45 0 0 1-23.756-24.018c-26.384-3.79-48.834-19.743-61.506-41.992l-63.888-16.723z"/></svg>How to use the Sonic Boom icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:sonic-boom" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:sonic-boom" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:sonic-boom" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--sonic-boom]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:sonic-boom"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:sonic-boom"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/sonic-boom.svg" alt="Sonic Boom icon" width="24" height="24">Related icons in Game Icons
Sonic Boom icon in other icon sets
Sonic Boom icon FAQ
Is the Sonic Boom icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Sonic Boom icon in React?
Install @iconify/react and render <Icon icon="game-icons:sonic-boom" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sonic Boom icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/sonic-boom.svg" alt="Sonic Boom icon">, or paste the SVG code inline to style it with CSS.