Table Columns Split Bold アイコン

Q: Table Columns Split Bold アイコンは商用利用でも無料ですか?

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

solar:table-columns-split-bold

Table Columns Split Bold アイコン(solar:table-columns-split-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
タグ: tablecolumns、columnssplit、splitbold、tablecolumnssplitbold、column

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13.5 19.6006C13.9142 19.6006 14.25 19.9364 14.25 20.3506V22.0137C14.25 22.4279 13.9142 22.7637 13.5 22.7637C13.0858 22.7637 12.75 22.4279 12.75 22.0137V20.3506C12.75 19.9364 13.0858 19.6006 13.5 19.6006Z"/><path d="M4.25 21.998C3.85797 21.9999 3.44193 22 3 22H2V16.083H4.25V21.998Z"/><path d="M21.999 21.9912C19.5232 21.9551 18.1181 21.7712 17.1758 20.8291C16.2433 19.8966 16.0554 18.511 16.0166 16.083H21.9971L21.999 21.9912Z"/><path d="M10.9873 16.083C10.9485 18.511 10.7606 19.8966 9.82812 20.8291C8.98461 21.6722 7.77074 21.9065 5.75 21.9727V16.083H10.9873Z"/><path d="M13.5 12.9102C13.9142 12.9102 14.25 13.2459 14.25 13.6602V17.0059C14.25 17.42 13.9142 17.7559 13.5 17.7559C13.0858 17.7559 12.75 17.42 12.75 17.0059V13.6602C12.75 13.2459 13.0858 12.9102 13.5 12.9102Z"/><path d="M4.25 14.583H2V9.41699H4.25V14.583Z"/><path d="M11 10V14C11 14.1994 10.9992 14.394 10.999 14.583H5.75V9.41699H10.999C10.9992 9.60609 11 9.80053 11 10Z"/><path d="M21.9961 14.583H16.0059C16.0057 14.394 16.0049 14.1994 16.0049 14V10C16.0049 9.80053 16.0057 9.60609 16.0059 9.41699H21.9951L21.9961 14.583Z"/><path d="M13.5 6.25293C13.9142 6.25293 14.25 6.58872 14.25 7.00293V10.3486C14.25 10.7628 13.9142 11.0986 13.5 11.0986C13.0858 11.0986 12.75 10.7628 12.75 10.3486V7.00293C12.75 6.58872 13.0858 6.25293 13.5 6.25293Z"/><path d="M4.25 2.00195V7.91699H2V2H3C3.44193 2 3.85797 2.00007 4.25 2.00195Z"/><path d="M5.75 2.02637C7.77108 2.0925 8.98459 2.32843 9.82812 3.17188C10.7605 4.10435 10.9485 5.48923 10.9873 7.91699H5.75V2.02637Z"/><path d="M21.9941 7.91699H16.0166C16.0554 5.48934 16.2435 4.10435 17.1758 3.17188C18.1173 2.23039 19.5204 2.0451 21.9922 2.00879L21.9941 7.91699Z"/><path d="M13.5 1.25879C13.9142 1.25879 14.25 1.59458 14.25 2.00879V3.67285C14.2499 4.08695 13.9141 4.42285 13.5 4.42285C13.0859 4.42285 12.7501 4.08695 12.75 3.67285V2.00879C12.75 1.59458 13.0858 1.25879 13.5 1.25879Z"/></g></svg>

Table Columns Split Bold アイコンの使い方

React

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

<Icon icon="solar:table-columns-split-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:table-columns-split-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:table-columns-split-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--table-columns-split-bold]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:table-columns-split-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/table-columns-split-bold.svg" alt="Table Columns Split Bold アイコン" width="24" height="24">

Solar の関連アイコン

Table Columns Split Bold アイコンのよくある質問

Table Columns Split Bold アイコンは商用利用でも無料ですか?

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

React で Table Columns Split Bold アイコンを使うには?

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

Table Columns Split Bold アイコンをウェブページに追加するには?

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

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