Home/Libraries/Framework7 Icons (Iconify)/table-badge-more

Framework7 Icons (Iconify)

TableBadgeMore

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 56 56"><path fill="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. TableBadgeMoreIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.