table badge more icon

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

Name: table-badge-more-fill
Set: Framework7 Icons
Style: Fill
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="M9.942 20.28h21.506V10.121H16.075c-4.082 0-6.133 2.012-6.133 6.055Zm24.553 0H56v-4.103c0-4.024-2.031-6.055-6.114-6.055H34.495Zm0 12.578H56v-9.532H34.495Zm-3.047-9.532H9.942v3.907c4.356 0 8.204 2.246 10.47 5.625h11.036ZM9.923 49.754c5.45 0 9.922-4.454 9.922-9.923c0-5.43-4.473-9.922-9.922-9.922C4.493 29.909 0 34.4 0 39.83c0 5.47 4.493 9.923 9.923 9.923m24.572-3.672h15.391c4.083 0 6.114-2.032 6.114-6.056v-4.101H34.495Zm-3.047-10.157h-9.591c.45 1.23.684 2.539.684 3.906a12.55 12.55 0 0 1-1.66 6.25h10.567Zm-26.955 5.41c-.82 0-1.485-.703-1.485-1.504c0-.8.664-1.504 1.484-1.504s1.505.703 1.505 1.504s-.684 1.504-1.505 1.504m5.45 0c-.821 0-1.505-.703-1.505-1.504c0-.8.684-1.504 1.504-1.504c.8 0 1.504.703 1.504 1.504s-.703 1.504-1.504 1.504m5.41 0c-.82 0-1.485-.703-1.485-1.504c0-.8.664-1.504 1.485-1.504c.82 0 1.504.703 1.504 1.504c-.02.801-.684 1.504-1.504 1.504"/></svg>

React

import type { SVGProps } from "react";

export function F7TableBadgeMoreFill(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="M9.942 20.28h21.506V10.121H16.075c-4.082 0-6.133 2.012-6.133 6.055Zm24.553 0H56v-4.103c0-4.024-2.031-6.055-6.114-6.055H34.495Zm0 12.578H56v-9.532H34.495Zm-3.047-9.532H9.942v3.907c4.356 0 8.204 2.246 10.47 5.625h11.036ZM9.923 49.754c5.45 0 9.922-4.454 9.922-9.923c0-5.43-4.473-9.922-9.922-9.922C4.493 29.909 0 34.4 0 39.83c0 5.47 4.493 9.923 9.923 9.923m24.572-3.672h15.391c4.083 0 6.114-2.032 6.114-6.056v-4.101H34.495Zm-3.047-10.157h-9.591c.45 1.23.684 2.539.684 3.906a12.55 12.55 0 0 1-1.66 6.25h10.567Zm-26.955 5.41c-.82 0-1.485-.703-1.485-1.504c0-.8.664-1.504 1.484-1.504s1.505.703 1.505 1.504s-.684 1.504-1.505 1.504m5.45 0c-.821 0-1.505-.703-1.505-1.504c0-.8.684-1.504 1.504-1.504c.8 0 1.504.703 1.504 1.504s-.703 1.504-1.504 1.504m5.41 0c-.82 0-1.485-.703-1.485-1.504c0-.8.664-1.504 1.485-1.504c.82 0 1.504.703 1.504 1.504c-.02.801-.684 1.504-1.504 1.504"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M9.942 20.28h21.506V10.121H16.075c-4.082 0-6.133 2.012-6.133 6.055Zm24.553 0H56v-4.103c0-4.024-2.031-6.055-6.114-6.055H34.495Zm0 12.578H56v-9.532H34.495Zm-3.047-9.532H9.942v3.907c4.356 0 8.204 2.246 10.47 5.625h11.036ZM9.923 49.754c5.45 0 9.922-4.454 9.922-9.923c0-5.43-4.473-9.922-9.922-9.922C4.493 29.909 0 34.4 0 39.83c0 5.47 4.493 9.923 9.923 9.923m24.572-3.672h15.391c4.083 0 6.114-2.032 6.114-6.056v-4.101H34.495Zm-3.047-10.157h-9.591c.45 1.23.684 2.539.684 3.906a12.55 12.55 0 0 1-1.66 6.25h10.567Zm-26.955 5.41c-.82 0-1.485-.703-1.485-1.504c0-.8.664-1.504 1.484-1.504s1.505.703 1.505 1.504s-.684 1.504-1.505 1.504m5.45 0c-.821 0-1.505-.703-1.505-1.504c0-.8.684-1.504 1.504-1.504c.8 0 1.504.703 1.504 1.504s-.703 1.504-1.504 1.504m5.41 0c-.82 0-1.485-.703-1.485-1.504c0-.8.664-1.504 1.485-1.504c.82 0 1.504.703 1.504 1.504c-.02.801-.684 1.504-1.504 1.504"/></svg>
</template>

CSS

.icon-table-badge-more-fill {
  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%22M9.942%2020.28h21.506V10.121H16.075c-4.082%200-6.133%202.012-6.133%206.055Zm24.553%200H56v-4.103c0-4.024-2.031-6.055-6.114-6.055H34.495Zm0%2012.578H56v-9.532H34.495Zm-3.047-9.532H9.942v3.907c4.356%200%208.204%202.246%2010.47%205.625h11.036ZM9.923%2049.754c5.45%200%209.922-4.454%209.922-9.923c0-5.43-4.473-9.922-9.922-9.922C4.493%2029.909%200%2034.4%200%2039.83c0%205.47%204.493%209.923%209.923%209.923m24.572-3.672h15.391c4.083%200%206.114-2.032%206.114-6.056v-4.101H34.495Zm-3.047-10.157h-9.591c.45%201.23.684%202.539.684%203.906a12.55%2012.55%200%200%201-1.66%206.25h10.567Zm-26.955%205.41c-.82%200-1.485-.703-1.485-1.504c0-.8.664-1.504%201.484-1.504s1.505.703%201.505%201.504s-.684%201.504-1.505%201.504m5.45%200c-.821%200-1.505-.703-1.505-1.504c0-.8.684-1.504%201.504-1.504c.8%200%201.504.703%201.504%201.504s-.703%201.504-1.504%201.504m5.41%200c-.82%200-1.485-.703-1.485-1.504c0-.8.664-1.504%201.485-1.504c.82%200%201.504.703%201.504%201.504c-.02.801-.684%201.504-1.504%201.504%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%22M9.942%2020.28h21.506V10.121H16.075c-4.082%200-6.133%202.012-6.133%206.055Zm24.553%200H56v-4.103c0-4.024-2.031-6.055-6.114-6.055H34.495Zm0%2012.578H56v-9.532H34.495Zm-3.047-9.532H9.942v3.907c4.356%200%208.204%202.246%2010.47%205.625h11.036ZM9.923%2049.754c5.45%200%209.922-4.454%209.922-9.923c0-5.43-4.473-9.922-9.922-9.922C4.493%2029.909%200%2034.4%200%2039.83c0%205.47%204.493%209.923%209.923%209.923m24.572-3.672h15.391c4.083%200%206.114-2.032%206.114-6.056v-4.101H34.495Zm-3.047-10.157h-9.591c.45%201.23.684%202.539.684%203.906a12.55%2012.55%200%200%201-1.66%206.25h10.567Zm-26.955%205.41c-.82%200-1.485-.703-1.485-1.504c0-.8.664-1.504%201.484-1.504s1.505.703%201.505%201.504s-.684%201.504-1.505%201.504m5.45%200c-.821%200-1.505-.703-1.505-1.504c0-.8.684-1.504%201.504-1.504c.8%200%201.504.703%201.504%201.504s-.703%201.504-1.504%201.504m5.41%200c-.82%200-1.485-.703-1.485-1.504c0-.8.664-1.504%201.485-1.504c.82%200%201.504.703%201.504%201.504c-.02.801-.684%201.504-1.504%201.504%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-fill.svg?color=%231a73e8&size=48