Sledgehammer Broken icon
solar:sledgehammer-broken
The Sledgehammer Broken icon (solar:sledgehammer-broken) 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
- UI
- Tags
- sledgehammerbroken
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M18.6597 8.2861L19.028 7.91787C19.3704 7.57542 19.5416 7.4042 19.6445 7.22608C19.9236 6.74271 19.9236 6.14718 19.6445 5.66381C19.5416 5.48569 19.3704 5.31446 19.028 4.97202C18.6855 4.62957 18.5143 4.45835 18.3362 4.35551C17.8528 4.07644 17.2573 4.07644 16.7739 4.35551C16.5958 4.45835 16.4246 4.62957 16.0821 4.97202L15.7139 5.34025M11.2951 15.6507L5.77166 21.1742C5.42921 21.5166 5.25799 21.6879 5.07987 21.7907C4.5965 22.0698 4.00097 22.0698 3.5176 21.7907C3.33948 21.6879 3.16825 21.5166 2.82581 21.1742C2.48337 20.8317 2.31214 20.6605 2.2093 20.4824C1.93023 19.999 1.93023 19.4035 2.2093 18.9201C2.31214 18.742 2.48337 18.5708 2.82581 18.2283L8.34928 12.7049M18 17.7513C17.102 18.5777 16.4581 18.991 15.7139 18.991C14.6354 18.991 13.7674 18.123 12.0316 16.3872L7.61281 11.9684C5.87696 10.2326 5.00903 9.36462 5.00903 8.2861C5.00903 7.20757 5.87696 6.33965 7.61281 4.60379C9.34867 2.86793 10.2166 2 11.2951 2C12.3737 2 13.2416 2.86793 14.9774 4.60379L19.3962 9.02256C21.1321 10.7584 22 11.6263 22 12.7049C22 13.4516 21.584 14.0973 20.752 15"/></svg>How to use the Sledgehammer Broken icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:sledgehammer-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:sledgehammer-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:sledgehammer-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--sledgehammer-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:sledgehammer-broken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:sledgehammer-broken"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/sledgehammer-broken.svg" alt="Sledgehammer Broken icon" width="24" height="24">Related icons in Solar
Sledgehammer Broken icon FAQ
Is the Sledgehammer Broken 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 Sledgehammer Broken icon in React?
Install @iconify/react and render <Icon icon="solar:sledgehammer-broken" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sledgehammer Broken icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/sledgehammer-broken.svg" alt="Sledgehammer Broken icon">, or paste the SVG code inline to style it with CSS.