Where is the Msdos icon used?

MS-DOS is widely used in computing for command-line interactions and scripting.

What does the Msdos icon tell users?

In UX design, the MS-DOS icon communicates command-line interactions and scripting capabilities.

Can I download the Msdos icon as SVG or PNG?

Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.

How do I install the Msdos icon with the shadcn CLI?

Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds the icon to components/icons/devicon-msdos.tsx.

How do I use the Msdos icon in Next.js or React?

Copy it as React (from Get icon, or the Code section): a typed MsdosIcon component you paste into your project, with no package to install. It works in Next.js and any React app.

How do I use the Msdos icon in Vue, Svelte or Angular?

Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside.

Can my AI agent install it for me?

With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Msdos icon, or any of 1,026 Devicon icons, and install it from a prompt.

Can I use the Msdos icon in commercial projects?

Yes. MIT allows commercial use; keep the license notice when you ship the icons' source files. The full terms are in the license, linked on this page.

Is the Msdos icon free?

Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.

How do I change the color of the Msdos icon?

It's multicolor, so it keeps its own colors.

How do I change the size of the Msdos icon?

Set width and height on the component, or a class like size-6. It's drawn on a 128 × 128 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.

How do I make the Msdos icon accessible?

Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Msdos", so screen readers say what it does.

Msdos

The MS-DOS icon represents the classic command-line driven operating system.

Add shadcn.io to your AI agent. · Pro It installs Msdos, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Get Pro

1,026 in Devicon MIT license (opens in a new tab)Free to copy and download

Code

Msdos in your framework

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

export const MsdosIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 128 128" {...props}>
    <path d="M84 124v4h24v-4zm-4.001-8.002h-3.996v4h3.996zm4 8.001v-4h-4v4zm-7.996-12.002h-4.001v4h4v-4M84 95.999v4h4v-4zm12.002 4v-4h-4v4H88V104h16v-4h-7.997M104 95.999v4h4v-4zm12.002 24h4.001v-4.001h-4v4m0 4.001v-4H108v4h8m-48 0H52V128h28v-4H68m-24 4v-4H8.002v4zm12.003-16.003v-4H48v12.002h-4v4h8v-12.002zm-28-68.001h4v-7.997h-4zM36 75.998v-8.001h-3.996v4H20V104h24v-4h-4v-4.001h-4.001v4H24V76h8.002v20h3.996V76M48 71.996v20h-4v8.001h4v-4h4V67.996h-4zm0-15.998v-4h-4v4zm-8.002 0v4H44v-4.001h-4m0 8.001v-4h-4.001v7.996h4V64M24.002 3.996v8.002h4V3.996zm-11.998 0h11.998V0h-16v47.996h-4v76.002h4V51.997h36v-8.002H40v4.001h-4.001v-4h-3.996v4H24V36h4v-8.002h-4v-4h-4v24h-7.998V3.995m20 16.003v-8.001h-4.001v8.001h4M40 27.996h4v-7.997h-4zm8 8.001h-4v7.997h4zm-12-8.001v8.002h4v-8.002zm-3.996-7.997v7.997H36v-7.997zM48 11.998h-4v8.001h4zm4 0V3.996h-4v8.002zm72 75.998h-3.996v28.002H124zM116.002 84v3.996h4.001V84h-4m0-24h4v-4.002h-4v4m4 0v11.998H124V60h-3.996m-12.002 19.999v4h8.001v-4zm-4-8.002h4v-4h-4zm4 0v4.001h12.002v-4h-12.002m-35.999 8V60h-4v11.997H64V64H52v3.997h8v32.002h-3.996v7.997H60V104h8v7.997h4.001v-16h-4v4.001h-4.002v-24H68V80h4.001m4 4v-4h-4v4zM84 67.998h12v28.001h7.997v-4h-4.001v-12h8.002v-4h-8.002v-8.002h4V64H84v3.996m0 8.001v-8.001h-4.001V84h-3.996v3.996h3.996v4h-7.997v4.001H84V75.998m-11.998-24h4v-4h-8V0h-16v3.996h11.997v44h-7.996v-24h-4.001v4.001H48V36h4v11.997h-4v4.001h24m4 4h-4V60h4v-4.001m0 0h3.997v-4.001h-3.996v4m3.996-12.002h-3.996v4.001h3.996zm28.003 8v4h8v-4zm0-4H79.999v4h28.002zm0-4.001v4h4v-4zm-4-7.997h-4.002v4H104zm0-8.002h4v-4h-8v4zM96.003 36H100v-4.001h-3.996v4m-12.002 0v-4h-12v11.998h4V36H84m4 0h-4v7.997h15.998V40H88zm-4-8.002v4.001h12.002v-4zm-4.001-4.001h-3.996v4H84v-4zM88.001 20v3.996h11.997V20H88m0-8.002h-4V20h4v-8M76.004 7.998h-4.001v15.998h4V7.997m0-4v4H84V3.996zm23.996 0H104V0H84v3.996zm0 8.002V7.997H88v4zm12.001 20v-4h-4v4zm4.001 0h-4v11.998h4zm-4-24v-4h-8.002v4H112m4.001 0h-4V16h-8.002v-4.001h-4V20H116zm0 0"/><path fill="navy" d="M72.002 115.998v4h4v-4zm4 8.001H80v-4h-3.996v4M84 95.997h4v-4h-4zm-31.998 24v4.001h4v-4h-4m7.996-4.002h-3.996v4.001h3.996v-4m4.001 4H68v-4h-4zm4 0v4.001h4v-4h-4m-4 4v-4h-4.002v4zm0-52.002h4v-4h-4zM44 84h4.001v-4.001h-4v4m4 3.997h-4v4h4zm-4-15.999v4.001h4v-4h-4M84 84v3.996h4V84zm0-12.003h4v-4h-4zm4 4.001h-4V80h4v-4M72.002 60v-4.001h-4v4zm4-4v-4.001h-4v4zm0 0"/><path fill="purple" d="M72.002 119.999v4h4v-4zm-20-4.001v4h4.002v-4zm4 8.001H60v-4h-3.996zM68 115.998v4h4.001v-4h-4m-4.001 4v-4h-4v4zm0 0V124h4.001v-4h-4M48 67.996h4V64h-4zm-4 16.003v3.996h4V84h-4m0-12.003h4v-4h-4zm4 4.001h-4V80h4v-4m20-11.998h-4.002v3.996H68V64m16 20h4v-4.001h-4v4m4 3.997h-4v4h4zm-4-15.999v4.001h4v-4zm0 0"/><path fill="#f0f" d="M92.001 95.997v-4h-4v4zm-52.002-4h-4v4h4zM44 99.998v-4h-4v4zm20 7.997h4v-3.996h-4zm4 4h-4v4.001h4v-4m-8-4.001v4h4v-4zm0 4h-3.996v4.001H60v-4m-16-24h-4v4h4zm-4-7.997v4h4v-4zm-4.001 7.997h4V84h-4zm4-11.998h-4V80h4v-4m0-8.002h-4v4h4zm4.001 8v-4h-4v4zm0-11.997h-4v3.996h4V64m0-4v4h4.001v-4zm24-4.001h-4.002v4H68zm-15.998 4v-4H48v4h4m7.998 0V64h4v-4.001zm-7.997 0v4h4v-4zm4-4.001v-4.001h-4v4zm3.997-4v4h4v-4zm0 4h-3.996v4.001h3.996v-4m36.003 31.998h-4v4h4zm0-7.997h-4v4h4zm-4-4h4v-4.002h-4zM88 76v4h4v-4zm0 8v3.997h4V84zm0-16.003v4h4v-4zm-15.999-12v-4h-4v4zm0 0"/><path fill="#00f" d="M92.001 99.998v-4h-4v4zm4.001-8.001h-4v4h4zM68 111.996v4h4.001v-4h-4M44 95.997v-4h-4.002v4zm20 15.999h-4.001v4h4zm0-4.001v4h4v-4zm-4.001-3.996v3.996h4v-3.996zm-3.996 7.997h-4.001v4h4zm0 0H60v-4.001h-3.996v4M39.999 80H44v-4h-4zm0 4v3.997h4V84zm0 3.996h-4.001v4h4zm0-7.997h-4v4h4zm-4-4h4v-4.002h-4zm8.001-4v-4.001h-4v4h4m4.001-7.996h-4v3.996h4V64m0-8.002h-4v4h4zm-8.002 4V64H44v-4h-4m24 0v4h4v-4zm4-4.001v-4.001h-4v4zm-8.001 0V60h4v-4zm-3.996 4v-4h-4.001v4zm0 0v4H60v-4.001zm-4.001 4v-4H48v4h4m0-8.001v-4.001h-4v4zm4.002 0h3.996v-4h-3.996zm35.998 32h-4v4h4zm0 0h4.001V84h-4v3.996m4-11.998h-4v4h4zm0-8.001h-4v4h4zM88 79.999v4h4v-4zm0-8.002v4.001h4v-4zm0 0"/><path fill="olive" d="M103.999 95.997h4v-4h-4zM112 107.995v4h-4v4.001H88v-4h-8v-4.001h-3.996v-7.997h-4.001v11.998h4v4H80v4.001h4v4.001h24v-4h8.002v-4.002h4V104h-4v3.996h-4M104 87.997h-4.001v4h4v-4m4.002-20v4.001h12.002v-7.996h-4v3.996H108M79.999 79.999h-3.996v4h3.996zm-3.996-4h-4.001v4h4v-4m32-11.999H104v3.996h4zm0 0"/><path fill="maroon" d="M48.001 111.996h-4v4h-32v4.001h-4v4.001H44v-4h4.001zm8.002-11.998h-4.001v7.997h4zm0 0H60v-4h-3.996zM39.999 51.997v4H44v-4zm0 4h-4.001v4.001h4zM20 64v7.996h12.003v-4h3.996V64zm0 0"/><path fill="red" d="M20 71.997v-7.996h16v-8.003h4v-4.001H8.001v68h4.001v-4H44v-4.001h4.001v-4.001h4v-7.997h4.002v-4h3.996V67.996h-7.997v28.002H48v4h-4V104H20Zm0 0"/><path fill="gray" d="M24.001 23.996V20h-4v-4H16v31.998h4v-24h4.001m4-11.998h-4v4h4zm-8-8.002V8h4V4h-4m36.003 19.999V20h-4.001v3.996h4M40 36h-4v4h4zm-4-4.001v-4h-3.996v4zm-3.996-8.001V20h-4.001v3.996h4m31.999-20H60v44h4v-44m48.002 39.999V31.998H108v11.998h4m-4 4v-4h-4v4zm0-15.998v-4h-4v4zm-8.002-8.002h-3.996v4.001H100v-4m-16-12h-4v11.998h8.002V20H84v-8.001m0 0h4V7.997h-4v4m15.998-8v4h4V3.996zM112 15.998V7.997h-4v8.001Zm0 0"/><path fill="silver" d="M52.002 3.996v8.002H48v8.001h-4v7.997h-4.002v12.002h-4v-8h-3.996v-8.002h-4.001V16H24V7.998h-4v-4h-7.998v44H16V16h4v4h4.001v7.997h4V36h4.001v7.997H36v4h4v-4h4V36h4v-8.002h4.002V20h4v27.997h3.996v-44zM84 35.998h-7.997v7.997h3.996v4h24v-4h4V31.998h-4v-4h-7.997v4h3.996v4h4V40h-4v3.995H84V36m4-12.003h-4v4.001h12.002v-4H88M84 12V7.998h-7.997v15.998h3.996V11.998h4m16-4.001v4h4V16h4V7.996h-8.001m0 0v-4H84v4zm0 0"/><path fill="#ff0" d="M99.998 79.999v7.997h4v4H108v8.002h-4.001v4H88v-4h-4v-4H72.002v4h4v7.997H80v4h8v4.001h20v-4h4v-4.001h4.001v-3.996h4.001V87.996h-4V84H108v-4.001zm8.002-24v-4H79.999v4h-3.996v4h-4.001v16h4v4H80V67.997h4V64h24v3.996h8.002V64h4v-4h-4v-4.002zm0 0"/>
  </svg>
);

Other libraries

Msdos in 2 more libraries

Each library draws it its own way. Open one to compare.

Devicon

Icons that share its tags, in the same style.

All 1,026 icons

Search Devicon

operating system27 Devicon icons

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

Get Pro

Browse by tag

Msdos is tagged programming, operating-system, command line and 1 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Devicon MCP, with Pro

Ask for Msdos or any of 1,026 Devicon 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.

See full pricing

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

Billing

Billed once a year in USD. Cancel anytime.

How many people can use the license.
Client work, SaaS products and anything you charge for.
Production-ready React sections: hero, pricing, features, dashboards and more.
Complete multi-page sites you can ship as they are.
React icons from every major library, installable with one command.
Presets that restyle every block, in light and dark.
Lets your AI editor search, preview and install blocks for you.
Priority requests are answered first.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

Seats: 1 seat
Commercial use: Personal & open source only
Pro blocks: 6,000+ blocks
Templates: All 14 templates
React icons: 294k+ icons
Themes: All 59 themes
MCP server: Basic usage
Support: Standard

Team

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Seats: Unlimited seats
Commercial use: Included
Pro blocks: 6,000+ blocks
Templates: All 14 templates
React icons: 294k+ icons
Themes: All 59 themes
MCP server: Unlimited usage
Support: Priority

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
Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
Complete multi-page sites you can ship as they are.Templates: All 14 templates
React icons from every major library, installable with one command.React icons: 294k+ icons
Presets that restyle every block, in light and dark.Themes: All 59 themes
Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
Priority requests are answered first.Support: Standard

Team

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
Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage

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 Msdos icon means and where it's used, then how to install, style and license it.

Install Msdos from a prompt

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

Get Pro

Msdos

Msdos in your framework

Msdos in 2 more libraries

More like it

Browse by tag

Devicon MCP, with Pro

Individual

Team

Organization

Individual

Team

Organization

Frequently asked questions

What does the Msdos icon mean?

Where is the Msdos icon used?

What does the Msdos icon tell users?

How do I install the Msdos icon with the shadcn CLI?

How do I use the Msdos icon in Next.js or React?

How do I use the Msdos icon in Vue, Svelte or Angular?

Can my AI agent install it for me?

How do I change the color of the Msdos icon?

How do I change the size of the Msdos icon?

How do I make the Msdos icon accessible?

Can I download the Msdos icon as SVG or PNG?

Can I use the Msdos icon in commercial projects?

Is the Msdos icon free?

Install Msdos from a prompt