microsoft azure logo
microsoft-azure from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- microsoft-azure
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×242
- License
- CC0
The same logo in other sets
Related icons in SVG Logos
Use the microsoft azure logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 242"><defs><linearGradient id="SVG4V795Kgq" x1="58.972%" x2="37.191%" y1="7.411%" y2="103.762%"><stop offset="0%" stop-color="#114a8b"/><stop offset="100%" stop-color="#0669bc"/></linearGradient><linearGradient id="SVGzpurqcJr" x1="59.719%" x2="52.691%" y1="52.313%" y2="54.864%"><stop offset="0%" stop-opacity=".3"/><stop offset="7.1%" stop-opacity=".2"/><stop offset="32.1%" stop-opacity=".1"/><stop offset="62.3%" stop-opacity=".05"/><stop offset="100%" stop-opacity="0"/></linearGradient><linearGradient id="SVGZ5kCkZNr" x1="37.279%" x2="62.473%" y1="4.6%" y2="99.979%"><stop offset="0%" stop-color="#3ccbf4"/><stop offset="100%" stop-color="#2892df"/></linearGradient></defs><path fill="url(#SVG4V795Kgq)" d="M85.343.003h75.753L82.457 233a12.08 12.08 0 0 1-11.442 8.216H12.06A12.06 12.06 0 0 1 .633 225.303L73.898 8.219A12.08 12.08 0 0 1 85.343 0z"/><path fill="#0078d4" d="M195.423 156.282H75.297a5.56 5.56 0 0 0-3.796 9.627l77.19 72.047a12.14 12.14 0 0 0 8.28 3.26h68.02z"/><path fill="url(#SVGzpurqcJr)" d="M85.343.003a11.98 11.98 0 0 0-11.471 8.376L.723 225.105a12.045 12.045 0 0 0 11.37 16.112h60.475a12.93 12.93 0 0 0 9.921-8.437l14.588-42.991l52.105 48.6a12.33 12.33 0 0 0 7.757 2.828h67.766l-29.721-84.935l-86.643.02L161.37.003z"/><path fill="url(#SVGZ5kCkZNr)" d="M182.098 8.207A12.06 12.06 0 0 0 170.67.003H86.245c5.175 0 9.773 3.301 11.428 8.204L170.94 225.3a12.062 12.062 0 0 1-11.428 15.92h84.429a12.062 12.062 0 0 0 11.425-15.92z"/></svg>
React
import type { SVGProps } from "react";
export function LogosMicrosoftAzure(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 242"><defs><linearGradient id="SVG4V795Kgq" x1="58.972%" x2="37.191%" y1="7.411%" y2="103.762%"><stop offset="0%" stopColor="#114a8b"/><stop offset="100%" stopColor="#0669bc"/></linearGradient><linearGradient id="SVGzpurqcJr" x1="59.719%" x2="52.691%" y1="52.313%" y2="54.864%"><stop offset="0%" stopOpacity=".3"/><stop offset="7.1%" stopOpacity=".2"/><stop offset="32.1%" stopOpacity=".1"/><stop offset="62.3%" stopOpacity=".05"/><stop offset="100%" stopOpacity="0"/></linearGradient><linearGradient id="SVGZ5kCkZNr" x1="37.279%" x2="62.473%" y1="4.6%" y2="99.979%"><stop offset="0%" stopColor="#3ccbf4"/><stop offset="100%" stopColor="#2892df"/></linearGradient></defs><path fill="url(#SVG4V795Kgq)" d="M85.343.003h75.753L82.457 233a12.08 12.08 0 0 1-11.442 8.216H12.06A12.06 12.06 0 0 1 .633 225.303L73.898 8.219A12.08 12.08 0 0 1 85.343 0z"/><path fill="#0078d4" d="M195.423 156.282H75.297a5.56 5.56 0 0 0-3.796 9.627l77.19 72.047a12.14 12.14 0 0 0 8.28 3.26h68.02z"/><path fill="url(#SVGzpurqcJr)" d="M85.343.003a11.98 11.98 0 0 0-11.471 8.376L.723 225.105a12.045 12.045 0 0 0 11.37 16.112h60.475a12.93 12.93 0 0 0 9.921-8.437l14.588-42.991l52.105 48.6a12.33 12.33 0 0 0 7.757 2.828h67.766l-29.721-84.935l-86.643.02L161.37.003z"/><path fill="url(#SVGZ5kCkZNr)" d="M182.098 8.207A12.06 12.06 0 0 0 170.67.003H86.245c5.175 0 9.773 3.301 11.428 8.204L170.94 225.3a12.062 12.062 0 0 1-11.428 15.92h84.429a12.062 12.062 0 0 0 11.425-15.92z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 242"><defs><linearGradient id="SVG4V795Kgq" x1="58.972%" x2="37.191%" y1="7.411%" y2="103.762%"><stop offset="0%" stop-color="#114a8b"/><stop offset="100%" stop-color="#0669bc"/></linearGradient><linearGradient id="SVGzpurqcJr" x1="59.719%" x2="52.691%" y1="52.313%" y2="54.864%"><stop offset="0%" stop-opacity=".3"/><stop offset="7.1%" stop-opacity=".2"/><stop offset="32.1%" stop-opacity=".1"/><stop offset="62.3%" stop-opacity=".05"/><stop offset="100%" stop-opacity="0"/></linearGradient><linearGradient id="SVGZ5kCkZNr" x1="37.279%" x2="62.473%" y1="4.6%" y2="99.979%"><stop offset="0%" stop-color="#3ccbf4"/><stop offset="100%" stop-color="#2892df"/></linearGradient></defs><path fill="url(#SVG4V795Kgq)" d="M85.343.003h75.753L82.457 233a12.08 12.08 0 0 1-11.442 8.216H12.06A12.06 12.06 0 0 1 .633 225.303L73.898 8.219A12.08 12.08 0 0 1 85.343 0z"/><path fill="#0078d4" d="M195.423 156.282H75.297a5.56 5.56 0 0 0-3.796 9.627l77.19 72.047a12.14 12.14 0 0 0 8.28 3.26h68.02z"/><path fill="url(#SVGzpurqcJr)" d="M85.343.003a11.98 11.98 0 0 0-11.471 8.376L.723 225.105a12.045 12.045 0 0 0 11.37 16.112h60.475a12.93 12.93 0 0 0 9.921-8.437l14.588-42.991l52.105 48.6a12.33 12.33 0 0 0 7.757 2.828h67.766l-29.721-84.935l-86.643.02L161.37.003z"/><path fill="url(#SVGZ5kCkZNr)" d="M182.098 8.207A12.06 12.06 0 0 0 170.67.003H86.245c5.175 0 9.773 3.301 11.428 8.204L170.94 225.3a12.062 12.062 0 0 1-11.428 15.92h84.429a12.062 12.062 0 0 0 11.425-15.92z"/></svg> </template>
CSS
.icon-microsoft-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%20256%20242%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG4V795Kgq%22%20x1%3D%2258.972%25%22%20x2%3D%2237.191%25%22%20y1%3D%227.411%25%22%20y2%3D%22103.762%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23114a8b%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%230669bc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGzpurqcJr%22%20x1%3D%2259.719%25%22%20x2%3D%2252.691%25%22%20y1%3D%2252.313%25%22%20y2%3D%2254.864%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-opacity%3D%22.3%22%2F%3E%3Cstop%20offset%3D%227.1%25%22%20stop-opacity%3D%22.2%22%2F%3E%3Cstop%20offset%3D%2232.1%25%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%2262.3%25%22%20stop-opacity%3D%22.05%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGZ5kCkZNr%22%20x1%3D%2237.279%25%22%20x2%3D%2262.473%25%22%20y1%3D%224.6%25%22%20y2%3D%2299.979%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%233ccbf4%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232892df%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVG4V795Kgq)%22%20d%3D%22M85.343.003h75.753L82.457%20233a12.08%2012.08%200%200%201-11.442%208.216H12.06A12.06%2012.06%200%200%201%20.633%20225.303L73.898%208.219A12.08%2012.08%200%200%201%2085.343%200z%22%2F%3E%3Cpath%20fill%3D%22%230078d4%22%20d%3D%22M195.423%20156.282H75.297a5.56%205.56%200%200%200-3.796%209.627l77.19%2072.047a12.14%2012.14%200%200%200%208.28%203.26h68.02z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzpurqcJr)%22%20d%3D%22M85.343.003a11.98%2011.98%200%200%200-11.471%208.376L.723%20225.105a12.045%2012.045%200%200%200%2011.37%2016.112h60.475a12.93%2012.93%200%200%200%209.921-8.437l14.588-42.991l52.105%2048.6a12.33%2012.33%200%200%200%207.757%202.828h67.766l-29.721-84.935l-86.643.02L161.37.003z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZ5kCkZNr)%22%20d%3D%22M182.098%208.207A12.06%2012.06%200%200%200%20170.67.003H86.245c5.175%200%209.773%203.301%2011.428%208.204L170.94%20225.3a12.062%2012.062%200%200%201-11.428%2015.92h84.429a12.062%2012.062%200%200%200%2011.425-15.92z%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%20242%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG4V795Kgq%22%20x1%3D%2258.972%25%22%20x2%3D%2237.191%25%22%20y1%3D%227.411%25%22%20y2%3D%22103.762%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23114a8b%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%230669bc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGzpurqcJr%22%20x1%3D%2259.719%25%22%20x2%3D%2252.691%25%22%20y1%3D%2252.313%25%22%20y2%3D%2254.864%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-opacity%3D%22.3%22%2F%3E%3Cstop%20offset%3D%227.1%25%22%20stop-opacity%3D%22.2%22%2F%3E%3Cstop%20offset%3D%2232.1%25%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%2262.3%25%22%20stop-opacity%3D%22.05%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGZ5kCkZNr%22%20x1%3D%2237.279%25%22%20x2%3D%2262.473%25%22%20y1%3D%224.6%25%22%20y2%3D%2299.979%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%233ccbf4%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232892df%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVG4V795Kgq)%22%20d%3D%22M85.343.003h75.753L82.457%20233a12.08%2012.08%200%200%201-11.442%208.216H12.06A12.06%2012.06%200%200%201%20.633%20225.303L73.898%208.219A12.08%2012.08%200%200%201%2085.343%200z%22%2F%3E%3Cpath%20fill%3D%22%230078d4%22%20d%3D%22M195.423%20156.282H75.297a5.56%205.56%200%200%200-3.796%209.627l77.19%2072.047a12.14%2012.14%200%200%200%208.28%203.26h68.02z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzpurqcJr)%22%20d%3D%22M85.343.003a11.98%2011.98%200%200%200-11.471%208.376L.723%20225.105a12.045%2012.045%200%200%200%2011.37%2016.112h60.475a12.93%2012.93%200%200%200%209.921-8.437l14.588-42.991l52.105%2048.6a12.33%2012.33%200%200%200%207.757%202.828h67.766l-29.721-84.935l-86.643.02L161.37.003z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZ5kCkZNr)%22%20d%3D%22M182.098%208.207A12.06%2012.06%200%200%200%20170.67.003H86.245c5.175%200%209.773%203.301%2011.428%208.204L170.94%20225.3a12.062%2012.062%200%200%201-11.428%2015.92h84.429a12.062%2012.062%200%200%200%2011.425-15.92z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/microsoft-azure.svg?color=%231a73e8&size=48
