Layout List Bold アイコン

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

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

solar:layout-list-bold

Layout List Bold アイコン(solar:layout-list-bold)は、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、listbold、layoutlistbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6.5 14.0176C8.14965 14.0176 8.97472 14.017 9.4873 14.5293C9.99987 15.0419 10 15.8677 10 17.5176C10 19.1672 9.99982 19.9924 9.4873 20.5049C8.97472 21.0172 8.14965 21.0176 6.5 21.0176C4.85035 21.0176 4.02528 21.0172 3.5127 20.5049C3.00018 19.9924 3 19.1672 3 17.5176C3 15.8677 3.00013 15.0419 3.5127 14.5293C4.02528 14.017 4.85035 14.0176 6.5 14.0176Z"/><path d="M21 19.2676C21.4142 19.2676 21.75 19.6034 21.75 20.0176C21.7497 20.4316 21.4141 20.7676 21 20.7676H14C13.5859 20.7676 13.2503 20.4316 13.25 20.0176C13.25 19.6034 13.5858 19.2676 14 19.2676H21Z"/><path d="M21 14.2676C21.4142 14.2676 21.75 14.6034 21.75 15.0176C21.7497 15.4316 21.4141 15.7676 21 15.7676H14C13.5859 15.7676 13.2503 15.4316 13.25 15.0176C13.25 14.6034 13.5858 14.2676 14 14.2676H21Z"/><path d="M6.5 2.9834C8.14992 2.9834 8.97474 2.98353 9.4873 3.49609C9.99975 4.00867 10 4.83361 10 6.4834C10 8.13315 9.99984 8.95817 9.4873 9.4707C8.97473 9.98314 8.14979 9.9834 6.5 9.9834C4.85022 9.9834 4.02527 9.98314 3.5127 9.4707C3.00016 8.95817 3 8.13315 3 6.4834C3 4.83361 3.00025 4.00867 3.5127 3.49609C4.02526 2.98353 4.85008 2.9834 6.5 2.9834Z"/><path d="M21 8.2334C21.4142 8.2334 21.75 8.56918 21.75 8.9834C21.7499 9.3975 21.4141 9.7334 21 9.7334H14C13.5859 9.7334 13.2501 9.3975 13.25 8.9834C13.25 8.56918 13.5858 8.2334 14 8.2334H21Z"/><path d="M21 3.2334C21.4142 3.2334 21.75 3.56918 21.75 3.9834C21.7499 4.3975 21.4141 4.7334 21 4.7334H14C13.5859 4.7334 13.2501 4.3975 13.25 3.9834C13.25 3.56918 13.5858 3.2334 14 3.2334H21Z"/></g></svg>

Layout List Bold アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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