azure icon logo

azure-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
azure-icon
Set
SVG Logos
Style
Color
Viewbox
256×199
License
CC0

Use the azure icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 199"><path d="M118.432 187.698c32.89-5.81 60.055-10.618 60.367-10.684l.568-.12l-31.052-36.935c-17.078-20.314-31.051-37.014-31.051-37.11c0-.182 32.063-88.477 32.243-88.792c.06-.105 21.88 37.567 52.893 91.32c29.035 50.323 52.973 91.815 53.195 92.203l.405.707l-98.684-.012l-98.684-.013l59.8-10.564zM0 176.435c0-.052 14.631-25.451 32.514-56.442l32.514-56.347l37.891-31.799C123.76 14.358 140.867.027 140.935.001c.069-.026-.205.664-.609 1.534s-18.919 40.582-41.145 88.25l-40.41 86.67l-29.386.037c-16.162.02-29.385-.005-29.385-.057z" fill="#0089D6" fill-rule="nonzero"/></svg>

React

import type { SVGProps } from "react";

export function LogosAzureIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 199"><path d="M118.432 187.698c32.89-5.81 60.055-10.618 60.367-10.684l.568-.12l-31.052-36.935c-17.078-20.314-31.051-37.014-31.051-37.11c0-.182 32.063-88.477 32.243-88.792c.06-.105 21.88 37.567 52.893 91.32c29.035 50.323 52.973 91.815 53.195 92.203l.405.707l-98.684-.012l-98.684-.013l59.8-10.564zM0 176.435c0-.052 14.631-25.451 32.514-56.442l32.514-56.347l37.891-31.799C123.76 14.358 140.867.027 140.935.001c.069-.026-.205.664-.609 1.534s-18.919 40.582-41.145 88.25l-40.41 86.67l-29.386.037c-16.162.02-29.385-.005-29.385-.057z" fill="#0089D6" fillRule="nonzero"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 199"><path d="M118.432 187.698c32.89-5.81 60.055-10.618 60.367-10.684l.568-.12l-31.052-36.935c-17.078-20.314-31.051-37.014-31.051-37.11c0-.182 32.063-88.477 32.243-88.792c.06-.105 21.88 37.567 52.893 91.32c29.035 50.323 52.973 91.815 53.195 92.203l.405.707l-98.684-.012l-98.684-.013l59.8-10.564zM0 176.435c0-.052 14.631-25.451 32.514-56.442l32.514-56.347l37.891-31.799C123.76 14.358 140.867.027 140.935.001c.069-.026-.205.664-.609 1.534s-18.919 40.582-41.145 88.25l-40.41 86.67l-29.386.037c-16.162.02-29.385-.005-29.385-.057z" fill="#0089D6" fill-rule="nonzero"/></svg>
</template>

CSS

.icon-azure-icon {
  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%20256%20199%22%3E%3Cpath%20d%3D%22M118.432%20187.698c32.89-5.81%2060.055-10.618%2060.367-10.684l.568-.12l-31.052-36.935c-17.078-20.314-31.051-37.014-31.051-37.11c0-.182%2032.063-88.477%2032.243-88.792c.06-.105%2021.88%2037.567%2052.893%2091.32c29.035%2050.323%2052.973%2091.815%2053.195%2092.203l.405.707l-98.684-.012l-98.684-.013l59.8-10.564zM0%20176.435c0-.052%2014.631-25.451%2032.514-56.442l32.514-56.347l37.891-31.799C123.76%2014.358%20140.867.027%20140.935.001c.069-.026-.205.664-.609%201.534s-18.919%2040.582-41.145%2088.25l-40.41%2086.67l-29.386.037c-16.162.02-29.385-.005-29.385-.057z%22%20fill%3D%22%230089D6%22%20fill-rule%3D%22nonzero%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%20256%20199%22%3E%3Cpath%20d%3D%22M118.432%20187.698c32.89-5.81%2060.055-10.618%2060.367-10.684l.568-.12l-31.052-36.935c-17.078-20.314-31.051-37.014-31.051-37.11c0-.182%2032.063-88.477%2032.243-88.792c.06-.105%2021.88%2037.567%2052.893%2091.32c29.035%2050.323%2052.973%2091.815%2053.195%2092.203l.405.707l-98.684-.012l-98.684-.013l59.8-10.564zM0%20176.435c0-.052%2014.631-25.451%2032.514-56.442l32.514-56.347l37.891-31.799C123.76%2014.358%20140.867.027%20140.935.001c.069-.026-.205.664-.609%201.534s-18.919%2040.582-41.145%2088.25l-40.41%2086.67l-29.386.037c-16.162.02-29.385-.005-29.385-.057z%22%20fill%3D%22%230089D6%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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