table badge more icon

table-badge-more from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.

Name: table-badge-more
Set: Framework7 Icons
Style: Outline
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

Use the table badge more icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M21.534 46.458h28.14c4.231 0 6.326-2.095 6.326-6.245V15.618c0-4.15-2.095-6.245-6.325-6.245h-34.87c-4.19 0-6.304 2.075-6.304 6.245V27.12a14.5 14.5 0 0 1 3.243 0v-3.364H30.82v8.319H20.506a11.3 11.3 0 0 1 1.632 2.84h8.682v8.3h-8.037c-.242 1.148-.685 2.236-1.25 3.243m-9.79-25.543V15.78c0-2.095 1.108-3.163 3.122-3.163H30.82v8.3Zm21.916 0v-8.299h15.974c1.974 0 3.123 1.068 3.123 3.163v5.136Zm0 11.16v-8.32h19.097v8.32Zm-23.427 18.17c5.62 0 10.233-4.593 10.233-10.233c0-5.6-4.613-10.233-10.233-10.233C4.633 29.779 0 34.412 0 40.012c0 5.64 4.633 10.233 10.233 10.233m23.427-7.03v-8.3h19.097v5.137c0 2.095-1.149 3.163-3.123 3.163ZM4.633 41.563c-.846 0-1.53-.725-1.53-1.551s.684-1.551 1.53-1.551s1.551.725 1.551 1.55c0 .827-.705 1.552-1.55 1.552m5.62 0c-.846 0-1.55-.725-1.55-1.551s.704-1.551 1.55-1.551c.826 0 1.551.725 1.551 1.55c0 .827-.725 1.552-1.55 1.552m5.58 0c-.846 0-1.53-.725-1.53-1.551s.684-1.551 1.53-1.551s1.551.725 1.551 1.55c-.02.827-.705 1.552-1.55 1.552"/></svg>

React

import type { SVGProps } from "react";

export function F7TableBadgeMore(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M21.534 46.458h28.14c4.231 0 6.326-2.095 6.326-6.245V15.618c0-4.15-2.095-6.245-6.325-6.245h-34.87c-4.19 0-6.304 2.075-6.304 6.245V27.12a14.5 14.5 0 0 1 3.243 0v-3.364H30.82v8.319H20.506a11.3 11.3 0 0 1 1.632 2.84h8.682v8.3h-8.037c-.242 1.148-.685 2.236-1.25 3.243m-9.79-25.543V15.78c0-2.095 1.108-3.163 3.122-3.163H30.82v8.3Zm21.916 0v-8.299h15.974c1.974 0 3.123 1.068 3.123 3.163v5.136Zm0 11.16v-8.32h19.097v8.32Zm-23.427 18.17c5.62 0 10.233-4.593 10.233-10.233c0-5.6-4.613-10.233-10.233-10.233C4.633 29.779 0 34.412 0 40.012c0 5.64 4.633 10.233 10.233 10.233m23.427-7.03v-8.3h19.097v5.137c0 2.095-1.149 3.163-3.123 3.163ZM4.633 41.563c-.846 0-1.53-.725-1.53-1.551s.684-1.551 1.53-1.551s1.551.725 1.551 1.55c0 .827-.705 1.552-1.55 1.552m5.62 0c-.846 0-1.55-.725-1.55-1.551s.704-1.551 1.55-1.551c.826 0 1.551.725 1.551 1.55c0 .827-.725 1.552-1.55 1.552m5.58 0c-.846 0-1.53-.725-1.53-1.551s.684-1.551 1.53-1.551s1.551.725 1.551 1.55c-.02.827-.705 1.552-1.55 1.552"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M21.534 46.458h28.14c4.231 0 6.326-2.095 6.326-6.245V15.618c0-4.15-2.095-6.245-6.325-6.245h-34.87c-4.19 0-6.304 2.075-6.304 6.245V27.12a14.5 14.5 0 0 1 3.243 0v-3.364H30.82v8.319H20.506a11.3 11.3 0 0 1 1.632 2.84h8.682v8.3h-8.037c-.242 1.148-.685 2.236-1.25 3.243m-9.79-25.543V15.78c0-2.095 1.108-3.163 3.122-3.163H30.82v8.3Zm21.916 0v-8.299h15.974c1.974 0 3.123 1.068 3.123 3.163v5.136Zm0 11.16v-8.32h19.097v8.32Zm-23.427 18.17c5.62 0 10.233-4.593 10.233-10.233c0-5.6-4.613-10.233-10.233-10.233C4.633 29.779 0 34.412 0 40.012c0 5.64 4.633 10.233 10.233 10.233m23.427-7.03v-8.3h19.097v5.137c0 2.095-1.149 3.163-3.123 3.163ZM4.633 41.563c-.846 0-1.53-.725-1.53-1.551s.684-1.551 1.53-1.551s1.551.725 1.551 1.55c0 .827-.705 1.552-1.55 1.552m5.62 0c-.846 0-1.55-.725-1.55-1.551s.704-1.551 1.55-1.551c.826 0 1.551.725 1.551 1.55c0 .827-.725 1.552-1.55 1.552m5.58 0c-.846 0-1.53-.725-1.53-1.551s.684-1.551 1.53-1.551s1.551.725 1.551 1.55c-.02.827-.705 1.552-1.55 1.552"/></svg>
</template>

CSS

.icon-table-badge-more {
  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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.534%2046.458h28.14c4.231%200%206.326-2.095%206.326-6.245V15.618c0-4.15-2.095-6.245-6.325-6.245h-34.87c-4.19%200-6.304%202.075-6.304%206.245V27.12a14.5%2014.5%200%200%201%203.243%200v-3.364H30.82v8.319H20.506a11.3%2011.3%200%200%201%201.632%202.84h8.682v8.3h-8.037c-.242%201.148-.685%202.236-1.25%203.243m-9.79-25.543V15.78c0-2.095%201.108-3.163%203.122-3.163H30.82v8.3Zm21.916%200v-8.299h15.974c1.974%200%203.123%201.068%203.123%203.163v5.136Zm0%2011.16v-8.32h19.097v8.32Zm-23.427%2018.17c5.62%200%2010.233-4.593%2010.233-10.233c0-5.6-4.613-10.233-10.233-10.233C4.633%2029.779%200%2034.412%200%2040.012c0%205.64%204.633%2010.233%2010.233%2010.233m23.427-7.03v-8.3h19.097v5.137c0%202.095-1.149%203.163-3.123%203.163ZM4.633%2041.563c-.846%200-1.53-.725-1.53-1.551s.684-1.551%201.53-1.551s1.551.725%201.551%201.55c0%20.827-.705%201.552-1.55%201.552m5.62%200c-.846%200-1.55-.725-1.55-1.551s.704-1.551%201.55-1.551c.826%200%201.551.725%201.551%201.55c0%20.827-.725%201.552-1.55%201.552m5.58%200c-.846%200-1.53-.725-1.53-1.551s.684-1.551%201.53-1.551s1.551.725%201.551%201.55c-.02.827-.705%201.552-1.55%201.552%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.534%2046.458h28.14c4.231%200%206.326-2.095%206.326-6.245V15.618c0-4.15-2.095-6.245-6.325-6.245h-34.87c-4.19%200-6.304%202.075-6.304%206.245V27.12a14.5%2014.5%200%200%201%203.243%200v-3.364H30.82v8.319H20.506a11.3%2011.3%200%200%201%201.632%202.84h8.682v8.3h-8.037c-.242%201.148-.685%202.236-1.25%203.243m-9.79-25.543V15.78c0-2.095%201.108-3.163%203.122-3.163H30.82v8.3Zm21.916%200v-8.299h15.974c1.974%200%203.123%201.068%203.123%203.163v5.136Zm0%2011.16v-8.32h19.097v8.32Zm-23.427%2018.17c5.62%200%2010.233-4.593%2010.233-10.233c0-5.6-4.613-10.233-10.233-10.233C4.633%2029.779%200%2034.412%200%2040.012c0%205.64%204.633%2010.233%2010.233%2010.233m23.427-7.03v-8.3h19.097v5.137c0%202.095-1.149%203.163-3.123%203.163ZM4.633%2041.563c-.846%200-1.53-.725-1.53-1.551s.684-1.551%201.53-1.551s1.551.725%201.551%201.55c0%20.827-.705%201.552-1.55%201.552m5.62%200c-.846%200-1.55-.725-1.55-1.551s.704-1.551%201.55-1.551c.826%200%201.551.725%201.551%201.55c0%20.827-.725%201.552-1.55%201.552m5.58%200c-.846%200-1.53-.725-1.53-1.551s.684-1.551%201.53-1.551s1.551.725%201.551%201.55c-.02.827-.705%201.552-1.55%201.552%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/table-badge-more.svg?color=%231a73e8&size=48