Иконка Blocks Broken
solar:blocks-broken
Иконка Blocks Broken (solar:blocks-broken) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Solar
- Автор
- 480 Design
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Теги
- blocksbroken, block
Код SVG
<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>Как использовать иконку Blocks Broken
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>Веб-компонент
<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
<img src="https://iconyz.com/api/public/svg/solar/blocks-broken.svg" alt="Иконка Blocks Broken" width="24" height="24">Похожие иконки в наборе Solar
Вопросы и ответы: Иконка Blocks Broken
Можно ли бесплатно использовать иконку Blocks Broken в коммерческих проектах?
Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Blocks Broken в React?
Установите @iconify/react и выведите <Icon icon="solar:blocks-broken" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Blocks Broken на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/blocks-broken.svg" alt="Иконка Blocks Broken">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.