Table Bold Duotone アイコン
solar:table-bold-duotone
Table Bold Duotone アイコン(solar:table-bold-duotone)は、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
- タグ
- tablebold、boldduotone、tableboldduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13 2C16.7712 2 18.6569 2 19.8284 3.17157C21 4.34315 21 6.22876 21 10L21 14C21 17.7712 21 19.6569 19.8284 20.8284C18.6569 22 16.7712 22 13 22L11 22C7.22876 22 5.34315 22 4.17157 20.8284C3 19.6569 3 17.7712 3 14L3 10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2L13 2Z" opacity=".5"/><path d="M12.75 7.91699H20.9873C20.9947 8.37805 20.9985 8.87667 20.999 9.41699H12.75V14.583H20.999C20.9985 15.1233 20.9947 15.622 20.9873 16.083H12.75V22H11.25V16.083H3.0127C3.00532 15.622 3.00147 15.1233 3.00098 14.583H11.25V9.41699H3.00098C3.00147 8.87667 3.00532 8.37805 3.0127 7.91699H11.25V2H12.75V7.91699Z"/></g></svg>Table Bold Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:table-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:table-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:table-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--table-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:table-bold-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:table-bold-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/table-bold-duotone.svg" alt="Table Bold Duotone アイコン" width="24" height="24">Solar の関連アイコン
table-bold
table-broken
table-cells-merge-bold
table-cells-merge-bold-duotone
table-cells-merge-broken
table-cells-merge-line-duotone
table-cells-merge-linear
table-cells-merge-outline
table-cells-split-bold
table-cells-split-bold-duotone
table-cells-split-broken
table-cells-split-line-duotone
table-cells-split-linear
table-cells-split-outline
table-columns-split-bold
table-columns-split-bold-duotone
table-columns-split-broken
table-columns-split-line-duotone
table-columns-split-linear
table-columns-split-outline
table-line-duotone
table-linear
table-minimalistic-bold
table-minimalistic-bold-duotone
Table Bold Duotone アイコン のよくある質問
Table Bold Duotone アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Table Bold Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:table-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Table Bold Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/table-bold-duotone.svg" alt="Table Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。