Layout List Broken アイコン

Q: Layout List Broken アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:layout-list-broken

Layout List Broken アイコン(solar:layout-list-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
カテゴリ: 設定
タグ: layoutlist、listbroken、layoutlistbroken

SVG をダウンロード

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="M10 19.4468C9.93403 19.9004 9.80601 20.2222 9.55758 20.4706C9.04502 20.9832 8.22006 20.9832 6.57014 20.9832C4.92023 20.9832 4.09527 20.9832 3.58271 20.4706C3.07014 19.958 3.07014 19.1331 3.07014 17.4832C3.07014 15.8332 3.07014 15.0083 3.58271 14.4957C4.09527 13.9832 4.92023 13.9832 6.57015 13.9832C8.22006 13.9832 9.04502 13.9832 9.55758 14.4957C9.78756 14.7257 9.91435 15.0186 9.98425 15.4206"/><path d="M21 15.0171H14"/><path d="M21 20.0171H14"/><path d="M3.07007 4.51951C3.13604 4.06595 3.26406 3.74414 3.51249 3.49572C4.02505 2.98315 4.85001 2.98315 6.49992 2.98315C8.14984 2.98315 8.9748 2.98315 9.48736 3.49572C9.99992 4.00828 9.99992 4.83324 9.99992 6.48315C9.99992 8.13307 9.99992 8.95803 9.48736 9.47059C8.9748 9.98315 8.14984 9.98315 6.49992 9.98315C4.85001 9.98315 4.02505 9.98315 3.51249 9.47059C3.28251 9.24061 3.15572 8.94775 3.08582 8.54569"/><path d="M21 3.98315L14 3.98315"/><path d="M21 8.98315H14"/></g></svg>

Layout List Broken アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="solar:layout-list-broken" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:layout-list-broken" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:layout-list-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--layout-list-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:layout-list-broken"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:layout-list-broken"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/layout-list-broken.svg" alt="Layout List Broken アイコン" width="24" height="24">

Solar の関連アイコン

Layout List Broken アイコンのよくある質問

Layout List Broken アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Layout List Broken アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:layout-list-broken" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Layout List Broken アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/layout-list-broken.svg" alt="Layout List Broken アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →