Blocks Broken アイコン
solar:blocks-broken
Blocks Broken アイコン(solar:blocks-broken)は、Solar セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Blocks Broken アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。