Azure Pipelines icon
file-icons:azure-pipelines
The Azure Pipelines icon (file-icons:azure-pipelines) 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
- azurepipelines, pipeline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M0 384h42.667v85.333H128V512H0zm28.444-213.333h130.925L264.665 18.958A42.71 42.71 0 0 1 300.151 0h190.516C502.45 0 512 9.583 512 21.333v190.5a42.7 42.7 0 0 1-18.974 35.5L341.333 352.626v130.916c0 15.71-12.734 28.459-28.444 28.459h-99.556l-42.666-42.667L224 416l-42.667-42.667L128 426.667L85.332 384l53.335-53.333L96 288l-53.333 53.333L0 298.667v-99.542c0-15.708 12.734-28.458 28.444-28.458M448 128c0-49.085-53.502-79.929-96.072-55.387s-42.57 86.231 0 110.774S448 177.085 448 128"/></svg>How to use the Azure Pipelines icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:azure-pipelines" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:azure-pipelines" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:azure-pipelines" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--azure-pipelines]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:azure-pipelines"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:azure-pipelines"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/azure-pipelines.svg" alt="Azure Pipelines icon" width="24" height="24">Azure Pipelines icon in other icon sets
Azure Pipelines icon FAQ
Is the Azure Pipelines 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 Azure Pipelines icon in React?
Install @iconify/react and render <Icon icon="file-icons:azure-pipelines" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Azure Pipelines icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/azure-pipelines.svg" alt="Azure Pipelines icon">, or paste the SVG code inline to style it with CSS.