Skip to content

File Type Jsbeautify

The file-type-jsbeautify icon represents a JavaScript Beautify file type.

Exports at 24 × 24 px

File Type Jsbeautify icon from VSCode Icons
Get Pro

Code

File Type Jsbeautify in your framework

In any framework. Customize it above, and the code follows.

export const FileTypeJsbeautifyIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32" {...props}>
    <path fill="#f1662a" d="M14.5 10.24c-.265-1.822-1-4.338-1.086-5.538a2.215 2.215 0 0 1 1.446-2.236a2.86 2.86 0 0 1 2.272 0a2.215 2.215 0 0 1 1.45 2.234c-.085 1.2-.82 3.716-1.086 5.538"/><path d="m17.724 10.273l-.457-.067c.126-.866.353-1.87.573-2.841a22 22 0 0 0 .511-2.68a1.99 1.99 0 0 0-1.311-2.01a2.63 2.63 0 0 0-2.081 0a1.99 1.99 0 0 0-1.311 2.01a22 22 0 0 0 .511 2.68c.22.971.447 1.975.573 2.841l-.457.067c-.123-.848-.349-1.843-.567-2.806a22 22 0 0 1-.521-2.749a2.43 2.43 0 0 1 1.581-2.462a3.1 3.1 0 0 1 2.463 0a2.43 2.43 0 0 1 1.581 2.462a22 22 0 0 1-.521 2.749c-.218.962-.443 1.957-.567 2.806"/><path fill="#33a9dc" d="M11.824 11.758C10.683 10.313 8.788 8.5 8.115 7.505a2.215 2.215 0 0 1 .134-2.659a2.86 2.86 0 0 1 1.967-1.136a2.215 2.215 0 0 1 2.37 1.213c.526 1.081 1.147 3.628 1.829 5.339"/><path d="M11.642 11.9c-.531-.673-1.224-1.422-1.894-2.147a22 22 0 0 1-1.825-2.12a2.43 2.43 0 0 1 .138-2.923a3.1 3.1 0 0 1 2.133-1.23a2.426 2.426 0 0 1 2.6 1.342a22 22 0 0 1 .923 2.641c.292.942.595 1.917.912 2.713l-.429.171c-.324-.813-.629-1.8-.924-2.747a22 22 0 0 0-.9-2.576a1.99 1.99 0 0 0-2.14-1.085a2.63 2.63 0 0 0-1.8 1.04a1.99 1.99 0 0 0-.131 2.4a22 22 0 0 0 1.782 2.065c.676.731 1.375 1.487 1.917 2.174Z"/><path fill="#f1662a" d="M10.263 14.414c-1.711-.681-4.257-1.3-5.339-1.829a2.215 2.215 0 0 1-1.213-2.37a2.86 2.86 0 0 1 1.136-1.967a2.215 2.215 0 0 1 2.659-.134c1 .673 2.808 2.568 4.253 3.709"/><path d="M10.178 14.629c-.8-.317-1.771-.62-2.713-.912a22 22 0 0 1-2.641-.923a2.43 2.43 0 0 1-1.342-2.6A3.1 3.1 0 0 1 4.713 8.06a2.43 2.43 0 0 1 2.923-.138a22 22 0 0 1 2.12 1.825c.724.67 1.474 1.362 2.146 1.894l-.286.359c-.687-.542-1.443-1.241-2.174-1.917A22 22 0 0 0 7.377 8.3a1.99 1.99 0 0 0-2.4.131a2.63 2.63 0 0 0-1.041 1.8a1.99 1.99 0 0 0 1.085 2.14a22 22 0 0 0 2.576.9c.951.3 1.934.6 2.747.924Z"/><path fill="#33a9dc" d="M10.239 17.5c-1.822.265-4.338 1-5.538 1.086a2.215 2.215 0 0 1-2.236-1.446a2.86 2.86 0 0 1 0-2.272A2.215 2.215 0 0 1 4.7 13.417c1.2.085 3.716.82 5.538 1.086"/><path d="M4.522 18.818a2.44 2.44 0 0 1-2.266-1.588a3.1 3.1 0 0 1 0-2.463a2.426 2.426 0 0 1 2.462-1.581a22 22 0 0 1 2.749.521c.962.218 1.957.443 2.806.567l-.067.457c-.866-.126-1.87-.353-2.841-.573a22 22 0 0 0-2.68-.511a1.99 1.99 0 0 0-2.01 1.311a2.63 2.63 0 0 0 0 2.081a1.99 1.99 0 0 0 2.01 1.311a22 22 0 0 0 2.68-.511c.971-.22 1.975-.447 2.841-.573l.067.457c-.848.123-1.843.349-2.805.567a22 22 0 0 1-2.749.521q-.1.007-.197.007"/><path fill="#f1662a" d="M11.759 20.176c-1.445 1.141-3.257 3.036-4.253 3.709a2.215 2.215 0 0 1-2.659-.134a2.86 2.86 0 0 1-1.136-1.968a2.215 2.215 0 0 1 1.213-2.37c1.081-.526 3.628-1.147 5.339-1.829"/><path d="M6.308 24.5a2.75 2.75 0 0 1-1.6-.563a3.1 3.1 0 0 1-1.232-2.133a2.43 2.43 0 0 1 1.342-2.6a22 22 0 0 1 2.641-.923c.942-.292 1.917-.595 2.713-.912l.171.429c-.813.324-1.8.629-2.747.924a22 22 0 0 0-2.576.9a1.99 1.99 0 0 0-1.085 2.14a2.63 2.63 0 0 0 1.041 1.8a1.99 1.99 0 0 0 2.4.131a22 22 0 0 0 2.065-1.782c.731-.676 1.487-1.375 2.174-1.917l.286.362c-.673.531-1.422 1.224-2.147 1.894a22 22 0 0 1-2.12 1.825a2.35 2.35 0 0 1-1.326.425"/><path fill="#33a9dc" d="M14.416 21.737c-.681 1.711-1.3 4.257-1.829 5.339a2.215 2.215 0 0 1-2.37 1.213a2.86 2.86 0 0 1-1.968-1.136a2.215 2.215 0 0 1-.134-2.659c.673-1 2.568-2.808 3.709-4.253"/><path d="M10.542 28.535q-.17 0-.347-.017a3.1 3.1 0 0 1-2.133-1.231a2.43 2.43 0 0 1-.138-2.923a22 22 0 0 1 1.825-2.12c.67-.724 1.363-1.474 1.894-2.147l.362.286c-.542.687-1.241 1.443-1.917 2.174a22 22 0 0 0-1.782 2.065a1.99 1.99 0 0 0 .131 2.4a2.63 2.63 0 0 0 1.8 1.04a1.99 1.99 0 0 0 2.14-1.085a22 22 0 0 0 .9-2.576c.3-.951.6-1.934.924-2.747l.429.171c-.317.8-.62 1.771-.912 2.713a22 22 0 0 1-.923 2.641a2.36 2.36 0 0 1-2.253 1.356"/><path fill="#f1662a" d="M17.5 21.76c.265 1.822 1 4.338 1.086 5.538a2.215 2.215 0 0 1-1.446 2.236a2.86 2.86 0 0 1-2.272 0a2.215 2.215 0 0 1-1.45-2.234c.085-1.2.82-3.716 1.086-5.538"/><path d="M16 30a3 3 0 0 1-1.231-.256a2.43 2.43 0 0 1-1.581-2.462a22 22 0 0 1 .521-2.749c.218-.962.443-1.957.567-2.806l.457.067c-.126.866-.353 1.87-.573 2.841a22 22 0 0 0-.511 2.68a1.99 1.99 0 0 0 1.311 2.01a2.63 2.63 0 0 0 2.081 0a1.99 1.99 0 0 0 1.311-2.01a22 22 0 0 0-.511-2.679c-.22-.971-.447-1.975-.573-2.841l.457-.067c.124.848.349 1.844.567 2.806a22 22 0 0 1 .521 2.749a2.43 2.43 0 0 1-1.581 2.462A3 3 0 0 1 16 30"/><path fill="#33a9dc" d="M20.176 20.241c1.141 1.445 3.036 3.257 3.709 4.253a2.215 2.215 0 0 1-.134 2.659a2.86 2.86 0 0 1-1.968 1.136a2.215 2.215 0 0 1-2.37-1.213c-.526-1.081-1.147-3.628-1.829-5.339"/><path d="M21.458 28.536a2.36 2.36 0 0 1-2.252-1.359a22 22 0 0 1-.923-2.641c-.292-.942-.595-1.916-.912-2.713l.429-.171c.324.813.629 1.8.924 2.747a22 22 0 0 0 .9 2.576a1.99 1.99 0 0 0 2.14 1.085a2.63 2.63 0 0 0 1.8-1.041a1.99 1.99 0 0 0 .131-2.4a22 22 0 0 0-1.782-2.066c-.676-.731-1.375-1.487-1.917-2.174l.362-.286c.531.673 1.224 1.422 1.893 2.146a22 22 0 0 1 1.826 2.121a2.426 2.426 0 0 1-.138 2.922a3.1 3.1 0 0 1-2.133 1.232q-.178.022-.348.022"/><path fill="#f1662a" d="M21.738 17.585c1.711.681 4.257 1.3 5.339 1.829a2.215 2.215 0 0 1 1.213 2.37a2.86 2.86 0 0 1-1.136 1.968a2.215 2.215 0 0 1-2.659.134c-1-.673-2.808-2.568-4.253-3.709"/><path d="M25.693 24.5a2.35 2.35 0 0 1-1.328-.426a22 22 0 0 1-2.12-1.826c-.724-.67-1.473-1.362-2.146-1.893l.285-.355c.687.542 1.443 1.241 2.174 1.917a22 22 0 0 0 2.065 1.782a1.99 1.99 0 0 0 2.4-.131a2.63 2.63 0 0 0 1.04-1.8a1.99 1.99 0 0 0-1.085-2.14a22 22 0 0 0-2.576-.9c-.951-.3-1.934-.6-2.747-.924l.171-.429c.8.317 1.771.62 2.713.912a22 22 0 0 1 2.641.923a2.43 2.43 0 0 1 1.342 2.6a3.1 3.1 0 0 1-1.231 2.133a2.75 2.75 0 0 1-1.598.557"/><path fill="#33a9dc" d="M21.761 14.506c1.822-.265 4.338-1 5.538-1.086a2.215 2.215 0 0 1 2.236 1.446a2.86 2.86 0 0 1 0 2.272a2.215 2.215 0 0 1-2.235 1.446c-1.2-.085-3.716-.82-5.538-1.086"/><path d="M27.478 18.821q-.096.002-.2-.007a22 22 0 0 1-2.749-.521c-.962-.218-1.957-.443-2.806-.567l.067-.457c.866.126 1.87.353 2.841.573a22 22 0 0 0 2.679.511a1.99 1.99 0 0 0 2.01-1.311a2.63 2.63 0 0 0 0-2.081a1.99 1.99 0 0 0-2.01-1.311a22 22 0 0 0-2.68.511c-.971.22-1.975.447-2.841.573l-.067-.457c.848-.123 1.843-.349 2.806-.567a22 22 0 0 1 2.749-.521a2.43 2.43 0 0 1 2.462 1.581a3.1 3.1 0 0 1 0 2.463a2.44 2.44 0 0 1-2.261 1.588"/><path fill="#f1662a" d="M20.243 11.825c1.445-1.14 3.257-3.035 4.257-3.709a2.215 2.215 0 0 1 2.659.134a2.86 2.86 0 0 1 1.136 1.968a2.215 2.215 0 0 1-1.213 2.37c-1.081.526-3.628 1.147-5.339 1.829"/><path d="m21.824 14.631l-.171-.429c.813-.324 1.8-.629 2.747-.924a22 22 0 0 0 2.576-.9a1.99 1.99 0 0 0 1.085-2.14a2.63 2.63 0 0 0-1.04-1.8a1.99 1.99 0 0 0-2.4-.131a22 22 0 0 0-2.065 1.782c-.731.676-1.487 1.375-2.174 1.917l-.286-.362c.673-.531 1.422-1.224 2.146-1.894a22 22 0 0 1 2.12-1.826a2.43 2.43 0 0 1 2.923.138A3.1 3.1 0 0 1 28.52 10.2a2.426 2.426 0 0 1-1.342 2.6a22 22 0 0 1-2.641.923c-.937.289-1.916.591-2.713.908"/><path fill="#33a9dc" d="M17.585 10.263c.681-1.711 1.3-4.257 1.829-5.339a2.215 2.215 0 0 1 2.37-1.213a2.86 2.86 0 0 1 1.968 1.136a2.215 2.215 0 0 1 .134 2.659c-.673 1-2.568 2.808-3.709 4.253"/><path d="M20.357 11.9L20 11.617c.542-.687 1.241-1.443 1.917-2.174a22 22 0 0 0 1.782-2.065a1.99 1.99 0 0 0-.131-2.4a2.63 2.63 0 0 0-1.8-1.041a1.99 1.99 0 0 0-2.14 1.085a22 22 0 0 0-.9 2.576c-.3.951-.6 1.934-.924 2.747l-.429-.171c.317-.8.62-1.771.912-2.713a22 22 0 0 1 .923-2.641a2.43 2.43 0 0 1 2.6-1.342a3.1 3.1 0 0 1 2.133 1.231a2.43 2.43 0 0 1 .138 2.923a22 22 0 0 1-1.826 2.12c-.674.729-1.367 1.478-1.898 2.148"/><path fill="#ffd800" d="M21.9 16a5.9 5.9 0 1 1-5.9-5.9a5.9 5.9 0 0 1 5.9 5.9"/><path fill="#020000" d="M16 22.175A6.175 6.175 0 1 1 22.175 16A6.18 6.18 0 0 1 16 22.175m0-11.8A5.622 5.622 0 1 0 21.622 16A5.63 5.63 0 0 0 16 10.378Z"/>
  </svg>
);

VSCode Icons

Icons that share its tags, in the same style.

  • File Type Jsconfig icon from VSCode Icons
  • File Type Jscpd icon from VSCode Icons
  • File Type Jshint icon from VSCode Icons
  • File Type Jsmap icon from VSCode Icons
  • File Type Js Official icon from VSCode Icons
  • File Type Ng Component Js 2 icon from VSCode Icons
  • File Type Uiua icon from VSCode Icons
  • File Type Unison icon from VSCode Icons
  • File Type Ballerina icon from VSCode Icons
  • File Type Befunge icon from VSCode Icons
  • File Type Lex icon from VSCode Icons
  • File Type Ng Controller Js icon from VSCode Icons
  • File Type Ng Directive Js icon from VSCode Icons
  • File Type Reactjs icon from VSCode Icons
  • File Type Skipper icon from VSCode Icons
  • File Type Slang icon from VSCode Icons
  • File Type Slashup icon from VSCode Icons
  • File Type Slice icon from VSCode Icons
  • File Type Slim icon from VSCode Icons
  • File Type Slint icon from VSCode Icons
  • File Type Sln icon from VSCode Icons
  • File Type Sln 2 icon from VSCode Icons
  • File Type Smarty icon from VSCode Icons
  • File Type Smithery icon from VSCode Icons

Skip the copy and paste. With Pro, your AI agent finds and installs any VSCode Icons icon from a prompt.

Get Pro

Tags

Browse by tag

File Type Jsbeautify is tagged file, development, programming and 3 more. Related tags follow; each opens its icons from every library.

Pricing

VSCode Icons MCP, with Pro

Ask for File Type Jsbeautify or any of 1,426 VSCode Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Page sections in 56 categories, from heroes and pricing tables to dashboards and settings, on every framework and UI library, in your theme.Blocks: All 6,181 blocks
  • Complete Next.js sites for startups, SaaS, agencies and portfolios, every page designed, ready to ship.Templates: All 14 templates
  • Your AI agent searches, previews and installs any component, block, icon or DESIGN.md from a prompt: 22 tools in Claude Code, Cursor, VS Code and 35 more clients.MCP server: 38 AI clients
  • Buttons with motion and states of their own, from an arrow that slides in to a burst of confetti.Animated buttons: All 35 buttons
  • Typewriters, scrambles, counters and more, for headlines, labels and numbers.Text effects: All 97 effects
  • Animated backgrounds for heroes, sections and cards, from a soft aurora to a flock that flees the cursor. Most are pure CSS.Backgrounds: All 100 backgrounds
  • WebGPU shaders, from a slow aurora to a black hole, each drawing only while it's on screen.Shaders: All 100 shaders
  • One design and one theme on all four: the components, blocks and effects are built for each framework.Frameworks: React, Vue, Svelte, Solid
  • React on Base UI, Radix UI, React Aria or Ark UI: install the version for the library your project already uses. Vue, Svelte and Solid run on Ark UI.UI libraries: Base UI, Radix, Aria, Ark
  • From a button to a date picker, a color picker or a guided tour: accessible, typed in TypeScript, each with live demos.Components: All 174 components
  • Real-world patterns built from the components, in 53 galleries: forms, tables, menus, dialogs and more.Examples: All 1,103 examples
  • Area, bar, line, pie, radar and radial charts on TanStack Charts, on every framework. React also gets the Recharts originals.Charts: All 70 charts
  • Debounce, local storage, media queries and more: each hook is one typed file you own.React hooks: All 35 hooks
  • From 222 libraries, Lucide, Heroicons, Tabler and Material Symbols among them, as SVG or a React component in one command.Icons: 294k+ icons
  • Stripe, Linear, Apple and 497 more: a brand's colors, typography and components in one file your AI agent builds from.DESIGN.md files: All 500 brands
  • Restyle every component and block at once: 8 styles, 8 grays, 18 colors and 5 radii, shared as a shadcn preset code.Theme builder: 8 styles × 18 colors
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the File Type Jsbeautify icon means and where it's used, then how to install, style, label and license it.

4.9 out of 5 from 150+ developers

Install File Type Jsbeautify from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro
  • Cancel anytime
  • Keep what you've shipped