Table Outline アイコン

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

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

solar:table-outline

Table Outline アイコン(solar:table-outline)は、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
タグ: tableoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.9995 1.25C14.8638 1.25 16.338 1.24863 17.4888 1.40332C18.661 1.56095 19.6096 1.8934 20.3579 2.6416C21.1062 3.3899 21.4385 4.33846 21.5962 5.51074C21.7103 6.35928 21.7391 7.3835 21.7466 8.61035C21.748 8.62892 21.7495 8.64807 21.7495 8.66699C21.7495 8.67946 21.7482 8.69179 21.7476 8.7041C21.7497 9.11348 21.7495 9.54512 21.7495 10V14C21.7495 14.4545 21.7497 14.8858 21.7476 15.2949C21.7482 15.3076 21.7495 15.3202 21.7495 15.333C21.7495 15.3518 21.7479 15.3703 21.7466 15.3887C21.7391 16.616 21.7103 17.6405 21.5962 18.4893C21.4385 19.6615 21.1062 20.6101 20.3579 21.3584C19.6096 22.1066 18.661 22.439 17.4888 22.5967C16.338 22.7514 14.8638 22.75 12.9995 22.75H10.9995C9.13524 22.75 7.66104 22.7514 6.51025 22.5967C5.33809 22.439 4.38936 22.1066 3.64111 21.3584C2.89291 20.6101 2.56046 19.6615 2.40283 18.4893C2.28939 17.6455 2.26109 16.6279 2.25342 15.4102C2.25083 15.3848 2.24951 15.359 2.24951 15.333C2.24951 15.314 2.25007 15.2951 2.25147 15.2764C2.24945 14.8728 2.24951 14.4477 2.24951 14V10C2.24951 9.55163 2.24944 9.12583 2.25147 8.72168C2.25015 8.70363 2.24952 8.68538 2.24951 8.66699C2.24951 8.64079 2.2508 8.61438 2.25342 8.58887C2.2611 7.37156 2.28942 6.35431 2.40283 5.51074C2.56046 4.33852 2.89291 3.38989 3.64111 2.6416C4.38936 1.89336 5.33809 1.56098 6.51025 1.40332C7.66104 1.2486 9.13524 1.25 10.9995 1.25H12.9995ZM12.7495 16.083V21.25H12.9995C14.9061 21.25 16.261 21.2485 17.2886 21.1104C18.2945 20.9751 18.8742 20.721 19.2974 20.2979C19.7206 19.8746 19.9746 19.2951 20.1099 18.2891C20.1914 17.6829 20.2227 16.9629 20.2368 16.083H12.7495ZM3.76318 16.083C3.77732 16.9629 3.80767 17.6829 3.88916 18.2891C4.02441 19.295 4.27854 19.8747 4.70166 20.2979C5.12483 20.721 5.70455 20.9751 6.71045 21.1104C7.73805 21.2485 9.09292 21.25 10.9995 21.25H11.2495V16.083H3.76318ZM12.7495 9.41699V14.583H20.2485C20.2487 14.3946 20.2495 14.2003 20.2495 14V10C20.2495 9.79966 20.2487 9.60541 20.2485 9.41699H12.7495ZM3.74951 10V14C3.74951 14.2003 3.7503 14.3946 3.75049 14.583H11.2495V9.41699H3.75049C3.7503 9.60541 3.74951 9.79966 3.74951 10ZM12.7495 7.91699H20.2368C20.2227 7.03709 20.1914 6.3171 20.1099 5.71094C19.9746 4.70487 19.7206 4.12535 19.2974 3.70215C18.8742 3.27903 18.2945 3.0249 17.2886 2.88965C16.261 2.75154 14.9061 2.75 12.9995 2.75H12.7495V7.91699ZM10.9995 2.75C9.09292 2.75 7.73805 2.7515 6.71045 2.88965C5.70455 3.02492 5.12483 3.27898 4.70166 3.70215C4.27854 4.12535 4.02441 4.70497 3.88916 5.71094C3.80767 6.31709 3.77732 7.03711 3.76318 7.91699H11.2495V2.75H10.9995Z" clip-rule="evenodd"/></svg>

Table Outline アイコンの使い方

React

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

<Icon icon="solar:table-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:table-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:table-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:table-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/table-outline.svg" alt="Table Outline アイコン" width="24" height="24">

Solar の関連アイコン

他のアイコンセットの Table Outline アイコン

Table Outline アイコンのよくある質問

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

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

React で Table Outline アイコンを使うには?

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

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

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

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