azurepipelines logo

azurepipelines from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
azurepipelines
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the azurepipelines logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.8 22.2H6V24H0v-6h1.8zM12.623 9.898l-7.635 7.635l1.479 1.479l7.634-7.636zm-8.258 5.281l-.391-.39a1.504 1.504 0 0 1-.187-1.894L8.391 6H.998A1 1 0 0 0 0 7v5.5l3.502 3.604zM24 1v8.932a2 2 0 0 1-.89 1.663l-12.283 8.2a1 1 0 0 1-1.262-.124L8.04 18.146l6.768-6.77l-2.185-2.186l-6.77 6.77l-1.525-1.525a1 1 0 0 1-.125-1.262l8.2-12.284A2 2 0 0 1 14.067 0H23a1 1 0 0 1 1 1m-3 5a3 3 0 1 0-6 0a3 3 0 0 0 6 0M10.272 20.462c-.4 0-.778-.156-1.06-.439l-.369-.368l-.843.842l3.5 3.5H17a1 1 0 0 0 1-1v-7.39l-6.895 4.603a1.5 1.5 0 0 1-.833.253"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsAzurepipelines(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.8 22.2H6V24H0v-6h1.8zM12.623 9.898l-7.635 7.635l1.479 1.479l7.634-7.636zm-8.258 5.281l-.391-.39a1.504 1.504 0 0 1-.187-1.894L8.391 6H.998A1 1 0 0 0 0 7v5.5l3.502 3.604zM24 1v8.932a2 2 0 0 1-.89 1.663l-12.283 8.2a1 1 0 0 1-1.262-.124L8.04 18.146l6.768-6.77l-2.185-2.186l-6.77 6.77l-1.525-1.525a1 1 0 0 1-.125-1.262l8.2-12.284A2 2 0 0 1 14.067 0H23a1 1 0 0 1 1 1m-3 5a3 3 0 1 0-6 0a3 3 0 0 0 6 0M10.272 20.462c-.4 0-.778-.156-1.06-.439l-.369-.368l-.843.842l3.5 3.5H17a1 1 0 0 0 1-1v-7.39l-6.895 4.603a1.5 1.5 0 0 1-.833.253"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.8 22.2H6V24H0v-6h1.8zM12.623 9.898l-7.635 7.635l1.479 1.479l7.634-7.636zm-8.258 5.281l-.391-.39a1.504 1.504 0 0 1-.187-1.894L8.391 6H.998A1 1 0 0 0 0 7v5.5l3.502 3.604zM24 1v8.932a2 2 0 0 1-.89 1.663l-12.283 8.2a1 1 0 0 1-1.262-.124L8.04 18.146l6.768-6.77l-2.185-2.186l-6.77 6.77l-1.525-1.525a1 1 0 0 1-.125-1.262l8.2-12.284A2 2 0 0 1 14.067 0H23a1 1 0 0 1 1 1m-3 5a3 3 0 1 0-6 0a3 3 0 0 0 6 0M10.272 20.462c-.4 0-.778-.156-1.06-.439l-.369-.368l-.843.842l3.5 3.5H17a1 1 0 0 0 1-1v-7.39l-6.895 4.603a1.5 1.5 0 0 1-.833.253"/></svg>
</template>

CSS

.icon-azurepipelines {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.8%2022.2H6V24H0v-6h1.8zM12.623%209.898l-7.635%207.635l1.479%201.479l7.634-7.636zm-8.258%205.281l-.391-.39a1.504%201.504%200%200%201-.187-1.894L8.391%206H.998A1%201%200%200%200%200%207v5.5l3.502%203.604zM24%201v8.932a2%202%200%200%201-.89%201.663l-12.283%208.2a1%201%200%200%201-1.262-.124L8.04%2018.146l6.768-6.77l-2.185-2.186l-6.77%206.77l-1.525-1.525a1%201%200%200%201-.125-1.262l8.2-12.284A2%202%200%200%201%2014.067%200H23a1%201%200%200%201%201%201m-3%205a3%203%200%201%200-6%200a3%203%200%200%200%206%200M10.272%2020.462c-.4%200-.778-.156-1.06-.439l-.369-.368l-.843.842l3.5%203.5H17a1%201%200%200%200%201-1v-7.39l-6.895%204.603a1.5%201.5%200%200%201-.833.253%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.8%2022.2H6V24H0v-6h1.8zM12.623%209.898l-7.635%207.635l1.479%201.479l7.634-7.636zm-8.258%205.281l-.391-.39a1.504%201.504%200%200%201-.187-1.894L8.391%206H.998A1%201%200%200%200%200%207v5.5l3.502%203.604zM24%201v8.932a2%202%200%200%201-.89%201.663l-12.283%208.2a1%201%200%200%201-1.262-.124L8.04%2018.146l6.768-6.77l-2.185-2.186l-6.77%206.77l-1.525-1.525a1%201%200%200%201-.125-1.262l8.2-12.284A2%202%200%200%201%2014.067%200H23a1%201%200%200%201%201%201m-3%205a3%203%200%201%200-6%200a3%203%200%200%200%206%200M10.272%2020.462c-.4%200-.778-.156-1.06-.439l-.369-.368l-.843.842l3.5%203.5H17a1%201%200%200%200%201-1v-7.39l-6.895%204.603a1.5%201.5%200%200%201-.833.253%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/azurepipelines.svg?color=%231a73e8&size=48