azure logo

azure from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
azure
Set
Material Icon Theme
Style
Color
Viewbox
32×32
License
MIT

The same logo in other sets

azureCodiconsazureDeviconazureSVG Logosazure-darkSkill Iconsazure-outlineTeenyicons

Related icons in Material Icon Theme

azure-pipelines

Use the azure logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#01579b" d="M12.001 4h7.102l-7.372 23.181a1.14 1.14 0 0 1-1.073.819H5.13A1.166 1.166 0 0 1 4 26.801a1.3 1.3 0 0 1 .06-.385l6.87-21.599A1.14 1.14 0 0 1 12.001 4"/><path fill="#1976d2" d="M22.32 20H11.06a.537.537 0 0 0-.522.55a.57.57 0 0 0 .166.408l7.236 6.716a1.1 1.1 0 0 0 .775.325h6.376Z"/><path fill="#29b6f6" d="M21.071 4.816A1.14 1.14 0 0 0 20.001 4h-7.915a1.14 1.14 0 0 1 1.072.815l6.868 21.599a1.22 1.22 0 0 1-.71 1.52a1.1 1.1 0 0 1-.362.064h7.915A1.166 1.166 0 0 0 28 26.8a1.3 1.3 0 0 0-.06-.385L21.072 4.817Z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeAzure(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#01579b" d="M12.001 4h7.102l-7.372 23.181a1.14 1.14 0 0 1-1.073.819H5.13A1.166 1.166 0 0 1 4 26.801a1.3 1.3 0 0 1 .06-.385l6.87-21.599A1.14 1.14 0 0 1 12.001 4"/><path fill="#1976d2" d="M22.32 20H11.06a.537.537 0 0 0-.522.55a.57.57 0 0 0 .166.408l7.236 6.716a1.1 1.1 0 0 0 .775.325h6.376Z"/><path fill="#29b6f6" d="M21.071 4.816A1.14 1.14 0 0 0 20.001 4h-7.915a1.14 1.14 0 0 1 1.072.815l6.868 21.599a1.22 1.22 0 0 1-.71 1.52a1.1 1.1 0 0 1-.362.064h7.915A1.166 1.166 0 0 0 28 26.8a1.3 1.3 0 0 0-.06-.385L21.072 4.817Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#01579b" d="M12.001 4h7.102l-7.372 23.181a1.14 1.14 0 0 1-1.073.819H5.13A1.166 1.166 0 0 1 4 26.801a1.3 1.3 0 0 1 .06-.385l6.87-21.599A1.14 1.14 0 0 1 12.001 4"/><path fill="#1976d2" d="M22.32 20H11.06a.537.537 0 0 0-.522.55a.57.57 0 0 0 .166.408l7.236 6.716a1.1 1.1 0 0 0 .775.325h6.376Z"/><path fill="#29b6f6" d="M21.071 4.816A1.14 1.14 0 0 0 20.001 4h-7.915a1.14 1.14 0 0 1 1.072.815l6.868 21.599a1.22 1.22 0 0 1-.71 1.52a1.1 1.1 0 0 1-.362.064h7.915A1.166 1.166 0 0 0 28 26.8a1.3 1.3 0 0 0-.06-.385L21.072 4.817Z"/></svg>
</template>

CSS

.icon-azure {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22%2301579b%22%20d%3D%22M12.001%204h7.102l-7.372%2023.181a1.14%201.14%200%200%201-1.073.819H5.13A1.166%201.166%200%200%201%204%2026.801a1.3%201.3%200%200%201%20.06-.385l6.87-21.599A1.14%201.14%200%200%201%2012.001%204%22%2F%3E%3Cpath%20fill%3D%22%231976d2%22%20d%3D%22M22.32%2020H11.06a.537.537%200%200%200-.522.55a.57.57%200%200%200%20.166.408l7.236%206.716a1.1%201.1%200%200%200%20.775.325h6.376Z%22%2F%3E%3Cpath%20fill%3D%22%2329b6f6%22%20d%3D%22M21.071%204.816A1.14%201.14%200%200%200%2020.001%204h-7.915a1.14%201.14%200%200%201%201.072.815l6.868%2021.599a1.22%201.22%200%200%201-.71%201.52a1.1%201.1%200%200%201-.362.064h7.915A1.166%201.166%200%200%200%2028%2026.8a1.3%201.3%200%200%200-.06-.385L21.072%204.817Z%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%2032%2032%22%3E%3Cpath%20fill%3D%22%2301579b%22%20d%3D%22M12.001%204h7.102l-7.372%2023.181a1.14%201.14%200%200%201-1.073.819H5.13A1.166%201.166%200%200%201%204%2026.801a1.3%201.3%200%200%201%20.06-.385l6.87-21.599A1.14%201.14%200%200%201%2012.001%204%22%2F%3E%3Cpath%20fill%3D%22%231976d2%22%20d%3D%22M22.32%2020H11.06a.537.537%200%200%200-.522.55a.57.57%200%200%200%20.166.408l7.236%206.716a1.1%201.1%200%200%200%20.775.325h6.376Z%22%2F%3E%3Cpath%20fill%3D%22%2329b6f6%22%20d%3D%22M21.071%204.816A1.14%201.14%200%200%200%2020.001%204h-7.915a1.14%201.14%200%200%201%201.072.815l6.868%2021.599a1.22%201.22%200%200%201-.71%201.52a1.1%201.1%200%200%201-.362.064h7.915A1.166%201.166%200%200%200%2028%2026.8a1.3%201.3%200%200%200-.06-.385L21.072%204.817Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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