Text Square 2 Broken アイコン
solar:text-square-2-broken
Text Square 2 Broken アイコン(solar:text-square-2-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
- カテゴリ
- テキスト書式
- タグ
- textsquare、squarebroken、textsquarebroken
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="M12 3C7.74882 3 5.62323 3 4.30256 4.31802C3.298 5.32056 3.05755 6.78787 3 9.3M21 9.3C20.9424 6.78787 20.702 5.32056 19.6974 4.31802C18.8789 3.50116 17.7513 3.19056 16 3.07246M21 14.7C20.9424 17.2121 20.702 18.6794 19.6974 19.682C18.3768 21 16.2512 21 12 21C7.74882 21 5.62323 21 4.30256 19.682C3.29801 18.6794 3.05756 17.2121 3 14.7"/><path d="M8 8H16"/><path d="M12 16L12 8"/><path d="M22 12H20"/><path d="M4 12H2"/></g></svg>Text Square 2 Broken アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:text-square-2-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:text-square-2-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:text-square-2-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--text-square-2-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:text-square-2-broken"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:text-square-2-broken"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/text-square-2-broken.svg" alt="Text Square 2 Broken アイコン" width="24" height="24">Solar の関連アイコン
text-bold-bold
text-bold-bold-duotone
text-bold-broken
text-bold-circle-bold
text-bold-circle-bold-duotone
text-bold-circle-broken
text-bold-circle-line-duotone
text-bold-circle-linear
text-bold-circle-outline
text-bold-line-duotone
text-bold-linear
text-bold-outline
text-bold-square-bold
text-bold-square-bold-duotone
text-bold-square-broken
text-bold-square-line-duotone
text-bold-square-linear
text-bold-square-outline
text-circle-bold
text-circle-bold-duotone
text-circle-broken
text-circle-line-duotone
text-circle-linear
text-circle-outline
Text Square 2 Broken アイコン のよくある質問
Text Square 2 Broken アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Text Square 2 Broken アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:text-square-2-broken" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Text Square 2 Broken アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/text-square-2-broken.svg" alt="Text Square 2 Broken アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。