UISVG + PNG + JSONFree commercial use

File Utility State Icon Kit

Upload, split, merge, compress, convert, scan, archive, and download utility states. Built for landing pages, dashboards, app mockups, with SVG, PNG, JSON files, visible use-case previews, direct ZIP access, and editable source material where the format supports it.

Flagship production starter

Flagship in-house pack with direct ZIP download, SVG, PNG, JSON, flagship contact sheet, contact sheet, workflow QA, export presets, and category-specific handoff files.

Fit 94

High
Strong free-pack quality for public-facing drafts, client mockups, and fast production starts.

Flagship evidence

Figma/system handoff evidence

Shows component specs, design tokens, variant matrix, React contract, Tailwind config, and auto-layout notes.

includedFigma specJSONtokenscontractReact

Handoff files surfaced before download

figma-component-spec.json
figma-variables.tokens.json
variant-matrix.csv
react-component-contract.ts
tailwind.config.cjs
auto-layout-notes.md
quickstart-demo.html
platform-export-matrix.csv
task-fit-scorecard.csv
mobile-app-entry.json
zero-support-faq.md
before-download-inspection.md

Use-Case Previews

Figma system seedUse component specs, variables, and variant matrices to rebuild editable UI foundations.

SaaS mockupUse dashboard screens, navigation states, and component fragments in product explainers.

Developer handoffCopy token files, React contracts, and state notes into implementation planning.

Before-download checkCompare the preview, file types, and limitations before choosing File Utility State Icon Kit.

Production handoffUse the bundled notes, source files, and license text to move the asset into a real project cleanly.