table bar icon

table-bar-outline-sharp from Material Symbols Light by Google · Outline Sharp · Household · Apache-2.0 Free for personal and commercial use.

Name: table-bar-outline-sharp
Set: Material Symbols Light
Style: Outline Sharp
Category: Household
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

table-bar table-bar-outline table-bar-outline-rounded table-bar-rounded table-bar-sharp

The same icon in other sets

table-barMaterial Symbols

More household icons from Material Symbols Light

Use the table bar icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m6.73 19.02l1.616-4H11.5v-4.814q-3.421-.067-5.74-.856T3.443 7.5q0-1.142 2.483-1.927Q8.408 4.789 12 4.789q3.598 0 6.078.784q2.48.785 2.48 1.927q0 1.08-2.328 1.86q-2.328.779-5.73.846v4.813h3.154l1.615 4h-1.038l-1.2-3H8.969l-1.2 3zM12 9.211q2.694 0 4.854-.503q2.16-.501 2.64-1.209q-.48-.708-2.64-1.21T12 5.788t-4.854.502t-2.64 1.21q.48.708 2.64 1.21q2.16.501 4.854.501M12 7.5"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightTableBarOutlineSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m6.73 19.02l1.616-4H11.5v-4.814q-3.421-.067-5.74-.856T3.443 7.5q0-1.142 2.483-1.927Q8.408 4.789 12 4.789q3.598 0 6.078.784q2.48.785 2.48 1.927q0 1.08-2.328 1.86q-2.328.779-5.73.846v4.813h3.154l1.615 4h-1.038l-1.2-3H8.969l-1.2 3zM12 9.211q2.694 0 4.854-.503q2.16-.501 2.64-1.209q-.48-.708-2.64-1.21T12 5.788t-4.854.502t-2.64 1.21q.48.708 2.64 1.21q2.16.501 4.854.501M12 7.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m6.73 19.02l1.616-4H11.5v-4.814q-3.421-.067-5.74-.856T3.443 7.5q0-1.142 2.483-1.927Q8.408 4.789 12 4.789q3.598 0 6.078.784q2.48.785 2.48 1.927q0 1.08-2.328 1.86q-2.328.779-5.73.846v4.813h3.154l1.615 4h-1.038l-1.2-3H8.969l-1.2 3zM12 9.211q2.694 0 4.854-.503q2.16-.501 2.64-1.209q-.48-.708-2.64-1.21T12 5.788t-4.854.502t-2.64 1.21q.48.708 2.64 1.21q2.16.501 4.854.501M12 7.5"/></svg>
</template>

CSS

.icon-table-bar-outline-sharp {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m6.73%2019.02l1.616-4H11.5v-4.814q-3.421-.067-5.74-.856T3.443%207.5q0-1.142%202.483-1.927Q8.408%204.789%2012%204.789q3.598%200%206.078.784q2.48.785%202.48%201.927q0%201.08-2.328%201.86q-2.328.779-5.73.846v4.813h3.154l1.615%204h-1.038l-1.2-3H8.969l-1.2%203zM12%209.211q2.694%200%204.854-.503q2.16-.501%202.64-1.209q-.48-.708-2.64-1.21T12%205.788t-4.854.502t-2.64%201.21q.48.708%202.64%201.21q2.16.501%204.854.501M12%207.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m6.73%2019.02l1.616-4H11.5v-4.814q-3.421-.067-5.74-.856T3.443%207.5q0-1.142%202.483-1.927Q8.408%204.789%2012%204.789q3.598%200%206.078.784q2.48.785%202.48%201.927q0%201.08-2.328%201.86q-2.328.779-5.73.846v4.813h3.154l1.615%204h-1.038l-1.2-3H8.969l-1.2%203zM12%209.211q2.694%200%204.854-.503q2.16-.501%202.64-1.209q-.48-.708-2.64-1.21T12%205.788t-4.854.502t-2.64%201.21q.48.708%202.64%201.21q2.16.501%204.854.501M12%207.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/table-bar-outline-sharp.svg?color=%231a73e8&size=48