Skip to content
shadcn.io

Yaml

The YAML icon represents a human-readable data serialization format used for storing and exchanging data between systems.

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

Set up MCP

Exports at 24 × 24 px

Yaml icon from Material Icon Theme
Get Pro

1,136 in Material Icon ThemeMIT license (opens in a new tab)Free to copy and download

Code

Yaml in your framework

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

export const YamlIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...props}>
    <path fill="#ff5252" d="M13 9h5.5L13 3.5zM6 2h8l6 6v12c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2m12 16v-2H9v2zm-4-4v-2H6v2z"/>
  </svg>
);

Other libraries

Yaml in 3 more libraries

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

  • Yaml icon from Simple Icons
  • Yaml icon from File Icons
  • Yaml icon from Devicon Plain

Material Icon Theme

Icons that share its tags, in the same style.

  • Werf icon from Material Icon Theme
  • Xmake icon from Material Icon Theme
  • Appveyor icon from Material Icon Theme
  • Wally icon from Material Icon Theme
  • Folder Ansible icon from Material Icon Theme
  • Folder Ansible Open icon from Material Icon Theme
  • Auto icon from Material Icon Theme
  • Dll icon from Material Icon Theme
  • Folder Docker Open icon from Material Icon Theme
  • Folder Liquibase Open icon from Material Icon Theme
  • Github Actions Workflow icon from Material Icon Theme
  • Lintstaged icon from Material Icon Theme
  • Packship icon from Material Icon Theme
  • Rc icon from Material Icon Theme
  • Renovate icon from Material Icon Theme
  • Sonarcloud icon from Material Icon Theme
  • Taskfile icon from Material Icon Theme
  • Wakatime Light icon from Material Icon Theme
  • Watchman icon from Material Icon Theme
  • Xml icon from Material Icon Theme
  • Assembly icon from Material Icon Theme
  • Autohotkey icon from Material Icon Theme
  • Autoit icon from Material Icon Theme
  • Auto Light icon from Material Icon Theme

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

Get Pro

Tags

Browse by tag

Yaml is tagged programming, devops and software development. Related tags follow; each opens its icons from every library.

Pricing

Material Icon Theme MCP, with Pro

Ask for Yaml or any of 1,136 Material Icon Theme 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
  • 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

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
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • 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
  • 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 Yaml icon means and where it's used, then how to install, style and license it.

Install Yaml from a prompt

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

Get Pro