ICONYZ
English
Yaml Alt2 icon from File Icons

Yaml Alt2 icon

file-icons:yaml-alt2

The Yaml Alt2 icon (file-icons:yaml-alt2) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
File Icons
Author
John Gardner
License
ISC
Size
512 × 512
Tags
yamlalt2
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M0 141.244h68.904l84.759 84.628l84.649-84.628h69.146L77.336 370.756H8.756l110.693-110.67zm98.02 229.512h40.226l80.275-80.185l-.064 80.185h29.083l.008-120.903h-29.204zm161.357 0h26.064l-.088-76.677l40.204 40.34l40.1-40.26l.016 76.597h26.048V249.853h-25.807l-40.317 40.217l-40.268-40.217h-25.976zm168.053-22.942l.016-97.96h-22.484v120.902H512l-22.2-22.984z"/></svg>

How to use the Yaml Alt2 icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:yaml-alt2" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:yaml-alt2" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:yaml-alt2" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--yaml-alt2]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:yaml-alt2"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:yaml-alt2"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/yaml-alt2.svg" alt="Yaml Alt2 icon" width="24" height="24">

Related icons in File Icons

Yaml Alt2 icon FAQ

Is the Yaml Alt2 icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Yaml Alt2 icon in React?

Install @iconify/react and render <Icon icon="file-icons:yaml-alt2" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Yaml Alt2 icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/yaml-alt2.svg" alt="Yaml Alt2 icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →