yaml logo
yaml from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- yaml
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
The same logo in other sets
Use the yaml logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M22.254 39.778L.5 5.629h15.69l13.833 21.989L43.968 5.629h15.02L36.214 39.778v21.65h-13.96z"/><path fill="#cb171e" d="M82.428 49.149H57.162l-5.139 12.408H40.835l23.66-55.798h11.443l22.7 55.798H86.68zm-4.197-11.14l-7.745-20.476l-8.642 20.476z"/><path d="M22.254 67.686v54.688h11.733V84.65l12.28 25.356h9.236l12.7-26.246v38.601h11.256V67.686H64.09l-13.638 24.73l-12.988-24.73zm105.248 42.804H98.639V67.67H86.682v54.455h40.82z"/></svg>
React
import type { SVGProps } from "react";
export function DeviconYaml(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M22.254 39.778L.5 5.629h15.69l13.833 21.989L43.968 5.629h15.02L36.214 39.778v21.65h-13.96z"/><path fill="#cb171e" d="M82.428 49.149H57.162l-5.139 12.408H40.835l23.66-55.798h11.443l22.7 55.798H86.68zm-4.197-11.14l-7.745-20.476l-8.642 20.476z"/><path d="M22.254 67.686v54.688h11.733V84.65l12.28 25.356h9.236l12.7-26.246v38.601h11.256V67.686H64.09l-13.638 24.73l-12.988-24.73zm105.248 42.804H98.639V67.67H86.682v54.455h40.82z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M22.254 39.778L.5 5.629h15.69l13.833 21.989L43.968 5.629h15.02L36.214 39.778v21.65h-13.96z"/><path fill="#cb171e" d="M82.428 49.149H57.162l-5.139 12.408H40.835l23.66-55.798h11.443l22.7 55.798H86.68zm-4.197-11.14l-7.745-20.476l-8.642 20.476z"/><path d="M22.254 67.686v54.688h11.733V84.65l12.28 25.356h9.236l12.7-26.246v38.601h11.256V67.686H64.09l-13.638 24.73l-12.988-24.73zm105.248 42.804H98.639V67.67H86.682v54.455h40.82z"/></svg> </template>
CSS
.icon-yaml {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20d%3D%22M22.254%2039.778L.5%205.629h15.69l13.833%2021.989L43.968%205.629h15.02L36.214%2039.778v21.65h-13.96z%22%2F%3E%3Cpath%20fill%3D%22%23cb171e%22%20d%3D%22M82.428%2049.149H57.162l-5.139%2012.408H40.835l23.66-55.798h11.443l22.7%2055.798H86.68zm-4.197-11.14l-7.745-20.476l-8.642%2020.476z%22%2F%3E%3Cpath%20d%3D%22M22.254%2067.686v54.688h11.733V84.65l12.28%2025.356h9.236l12.7-26.246v38.601h11.256V67.686H64.09l-13.638%2024.73l-12.988-24.73zm105.248%2042.804H98.639V67.67H86.682v54.455h40.82z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20d%3D%22M22.254%2039.778L.5%205.629h15.69l13.833%2021.989L43.968%205.629h15.02L36.214%2039.778v21.65h-13.96z%22%2F%3E%3Cpath%20fill%3D%22%23cb171e%22%20d%3D%22M82.428%2049.149H57.162l-5.139%2012.408H40.835l23.66-55.798h11.443l22.7%2055.798H86.68zm-4.197-11.14l-7.745-20.476l-8.642%2020.476z%22%2F%3E%3Cpath%20d%3D%22M22.254%2067.686v54.688h11.733V84.65l12.28%2025.356h9.236l12.7-26.246v38.601h11.256V67.686H64.09l-13.638%2024.73l-12.988-24.73zm105.248%2042.804H98.639V67.67H86.682v54.455h40.82z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/yaml.svg?color=%231a73e8&size=48
