Blocks Broken icon
solar:blocks-broken
The Blocks Broken icon (solar:blocks-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
- Tags
- blocksbroken, block
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M2.5498 9.57641C2.61011 10.1574 2.74353 10.5512 3.03871 10.8464C3.57736 11.385 4.4443 11.385 6.17817 11.385C7.91205 11.385 8.77899 11.385 9.31763 10.8464C9.85628 10.3077 9.85628 9.44079 9.85628 7.70692C9.85628 5.97304 9.85628 5.1061 9.31763 4.56745C8.77899 4.02881 7.91205 4.02881 6.17817 4.02881C4.4443 4.02881 3.57736 4.02881 3.03871 4.56745C2.79861 4.80756 2.66553 5.11289 2.59178 5.53117"/><path d="M19.9709 15.9524C19.9106 15.3714 19.7772 14.9776 19.482 14.6824C18.9434 14.1438 18.0765 14.1438 16.3426 14.1438C14.6087 14.1438 13.7418 14.1438 13.2031 14.6824C12.6645 15.2211 12.6645 16.088 12.6645 17.8219C12.6645 19.5558 12.6645 20.4227 13.2031 20.9614C13.7418 21.5 14.6087 21.5 16.3426 21.5C18.0765 21.5 18.9434 21.5 19.482 20.9614C19.7221 20.7212 19.8552 20.4159 19.929 19.9976"/><path d="M2.5 17.8217C2.5 16.0878 2.5 15.2208 3.03865 14.6822C3.57729 14.1436 4.44423 14.1436 6.17811 14.1436C7.91198 14.1436 8.77892 14.1436 9.31757 14.6822C9.85622 15.2208 9.85621 16.0878 9.85621 17.8217C9.85621 19.5555 9.85622 20.4225 9.31757 20.9611C8.77892 21.4998 7.91198 21.4998 6.17811 21.4998C4.44423 21.4998 3.57729 21.4998 3.03865 20.9611C2.5 20.4225 2.5 19.5555 2.5 17.8217Z"/><path d="M14.9592 3.83904L14.9592 3.83904C13.7331 5.06506 13.1201 5.67808 13.1201 6.43983C13.1201 7.20159 13.7331 7.8146 14.9592 9.04062L14.9592 9.04063C16.1852 10.2666 16.7982 10.8797 17.5599 10.8797C18.3217 10.8797 18.9347 10.2667 20.1607 9.04063L20.1608 9.04062C21.3868 7.8146 21.9998 7.20158 21.9998 6.43983C21.9998 5.67808 21.3868 5.06506 20.1607 3.83904C18.9347 2.61301 18.3217 2 17.5599 2C16.7982 2 16.1852 2.61301 14.9592 3.83904Z"/></g></svg>How to use the Blocks Broken icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:blocks-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:blocks-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:blocks-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--blocks-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:blocks-broken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:blocks-broken"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/blocks-broken.svg" alt="Blocks Broken icon" width="24" height="24">Related icons in Solar
Blocks Broken icon FAQ
Is the Blocks 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 Blocks Broken icon in React?
Install @iconify/react and render <Icon icon="solar:blocks-broken" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Blocks Broken icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/blocks-broken.svg" alt="Blocks Broken icon">, or paste the SVG code inline to style it with CSS.