microsoft power bi logo

microsoft-power-bi from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
microsoft-power-bi
Set
SVG Logos
Style
Color
Viewbox
256×342
License
CC0

Related icons in SVG Logos

Use the microsoft power bi logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 342"><defs><linearGradient id="SVGCdghnblF" x1="42.593%" x2="57.245%" y1="0%" y2="93.174%"><stop offset="0%" stop-color="#e6ad10"/><stop offset="100%" stop-color="#c87e0e"/></linearGradient><linearGradient id="SVG5tapKdof" x1="40.122%" x2="62.028%" y1="0%" y2="95.592%"><stop offset="0%" stop-color="#f6d751"/><stop offset="100%" stop-color="#e6ad10"/></linearGradient><linearGradient id="SVGRvjwscVp" x1="27.774%" x2="55.012%" y1="0%" y2="96.828%"><stop offset="0%" stop-color="#f9e589"/><stop offset="100%" stop-color="#f6d751"/></linearGradient><path id="SVGvAvgNc4T" d="M142.222 14.222C142.222 6.368 148.59 0 156.444 0h85.334C249.632 0 256 6.368 256 14.222v312.89c0 7.854-6.368 14.221-14.222 14.221H14.222C6.368 341.333 0 334.966 0 327.111V184.89c0-7.855 6.368-14.222 14.222-14.222h56.89V99.556c0-7.855 6.367-14.223 14.222-14.223h56.888z"/></defs><mask id="SVGvCV5wclL" fill="#fff"><use href="#SVGvAvgNc4T"/></mask><path fill="url(#SVGCdghnblF)" d="M256 0v341.333H142.222V0z" mask="url(#SVGvCV5wclL)"/><path fill-opacity=".2" d="M184.889 100.978v241.778H71.11v-256h99.556c7.854 0 14.222 6.367 14.222 14.222" mask="url(#SVGvCV5wclL)"/><path fill-opacity=".18" d="M184.889 106.667v241.777H71.11v-256h99.556c7.854 0 14.222 6.368 14.222 14.223" mask="url(#SVGvCV5wclL)"/><path fill="url(#SVG5tapKdof)" d="M184.889 99.556v241.777H71.11v-256h99.556c7.854 0 14.222 6.368 14.222 14.223" mask="url(#SVGvCV5wclL)"/><path fill="url(#SVGRvjwscVp)" d="M0 170.667v170.666h113.778V184.89c0-7.855-6.368-14.222-14.222-14.222z" mask="url(#SVGvCV5wclL)"/></svg>

React

import type { SVGProps } from "react";

export function LogosMicrosoftPowerBi(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 342"><defs><linearGradient id="SVGCdghnblF" x1="42.593%" x2="57.245%" y1="0%" y2="93.174%"><stop offset="0%" stopColor="#e6ad10"/><stop offset="100%" stopColor="#c87e0e"/></linearGradient><linearGradient id="SVG5tapKdof" x1="40.122%" x2="62.028%" y1="0%" y2="95.592%"><stop offset="0%" stopColor="#f6d751"/><stop offset="100%" stopColor="#e6ad10"/></linearGradient><linearGradient id="SVGRvjwscVp" x1="27.774%" x2="55.012%" y1="0%" y2="96.828%"><stop offset="0%" stopColor="#f9e589"/><stop offset="100%" stopColor="#f6d751"/></linearGradient><path id="SVGvAvgNc4T" d="M142.222 14.222C142.222 6.368 148.59 0 156.444 0h85.334C249.632 0 256 6.368 256 14.222v312.89c0 7.854-6.368 14.221-14.222 14.221H14.222C6.368 341.333 0 334.966 0 327.111V184.89c0-7.855 6.368-14.222 14.222-14.222h56.89V99.556c0-7.855 6.367-14.223 14.222-14.223h56.888z"/></defs><mask id="SVGvCV5wclL" fill="#fff"><use href="#SVGvAvgNc4T"/></mask><path fill="url(#SVGCdghnblF)" d="M256 0v341.333H142.222V0z" mask="url(#SVGvCV5wclL)"/><path fillOpacity=".2" d="M184.889 100.978v241.778H71.11v-256h99.556c7.854 0 14.222 6.367 14.222 14.222" mask="url(#SVGvCV5wclL)"/><path fillOpacity=".18" d="M184.889 106.667v241.777H71.11v-256h99.556c7.854 0 14.222 6.368 14.222 14.223" mask="url(#SVGvCV5wclL)"/><path fill="url(#SVG5tapKdof)" d="M184.889 99.556v241.777H71.11v-256h99.556c7.854 0 14.222 6.368 14.222 14.223" mask="url(#SVGvCV5wclL)"/><path fill="url(#SVGRvjwscVp)" d="M0 170.667v170.666h113.778V184.89c0-7.855-6.368-14.222-14.222-14.222z" mask="url(#SVGvCV5wclL)"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 342"><defs><linearGradient id="SVGCdghnblF" x1="42.593%" x2="57.245%" y1="0%" y2="93.174%"><stop offset="0%" stop-color="#e6ad10"/><stop offset="100%" stop-color="#c87e0e"/></linearGradient><linearGradient id="SVG5tapKdof" x1="40.122%" x2="62.028%" y1="0%" y2="95.592%"><stop offset="0%" stop-color="#f6d751"/><stop offset="100%" stop-color="#e6ad10"/></linearGradient><linearGradient id="SVGRvjwscVp" x1="27.774%" x2="55.012%" y1="0%" y2="96.828%"><stop offset="0%" stop-color="#f9e589"/><stop offset="100%" stop-color="#f6d751"/></linearGradient><path id="SVGvAvgNc4T" d="M142.222 14.222C142.222 6.368 148.59 0 156.444 0h85.334C249.632 0 256 6.368 256 14.222v312.89c0 7.854-6.368 14.221-14.222 14.221H14.222C6.368 341.333 0 334.966 0 327.111V184.89c0-7.855 6.368-14.222 14.222-14.222h56.89V99.556c0-7.855 6.367-14.223 14.222-14.223h56.888z"/></defs><mask id="SVGvCV5wclL" fill="#fff"><use href="#SVGvAvgNc4T"/></mask><path fill="url(#SVGCdghnblF)" d="M256 0v341.333H142.222V0z" mask="url(#SVGvCV5wclL)"/><path fill-opacity=".2" d="M184.889 100.978v241.778H71.11v-256h99.556c7.854 0 14.222 6.367 14.222 14.222" mask="url(#SVGvCV5wclL)"/><path fill-opacity=".18" d="M184.889 106.667v241.777H71.11v-256h99.556c7.854 0 14.222 6.368 14.222 14.223" mask="url(#SVGvCV5wclL)"/><path fill="url(#SVG5tapKdof)" d="M184.889 99.556v241.777H71.11v-256h99.556c7.854 0 14.222 6.368 14.222 14.223" mask="url(#SVGvCV5wclL)"/><path fill="url(#SVGRvjwscVp)" d="M0 170.667v170.666h113.778V184.89c0-7.855-6.368-14.222-14.222-14.222z" mask="url(#SVGvCV5wclL)"/></svg>
</template>

CSS

.icon-microsoft-power-bi {
  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%20342%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGCdghnblF%22%20x1%3D%2242.593%25%22%20x2%3D%2257.245%25%22%20y1%3D%220%25%22%20y2%3D%2293.174%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23e6ad10%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23c87e0e%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG5tapKdof%22%20x1%3D%2240.122%25%22%20x2%3D%2262.028%25%22%20y1%3D%220%25%22%20y2%3D%2295.592%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23f6d751%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23e6ad10%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGRvjwscVp%22%20x1%3D%2227.774%25%22%20x2%3D%2255.012%25%22%20y1%3D%220%25%22%20y2%3D%2296.828%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23f9e589%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23f6d751%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20id%3D%22SVGvAvgNc4T%22%20d%3D%22M142.222%2014.222C142.222%206.368%20148.59%200%20156.444%200h85.334C249.632%200%20256%206.368%20256%2014.222v312.89c0%207.854-6.368%2014.221-14.222%2014.221H14.222C6.368%20341.333%200%20334.966%200%20327.111V184.89c0-7.855%206.368-14.222%2014.222-14.222h56.89V99.556c0-7.855%206.367-14.223%2014.222-14.223h56.888z%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22SVGvCV5wclL%22%20fill%3D%22%23fff%22%3E%3Cuse%20href%3D%22%23SVGvAvgNc4T%22%2F%3E%3C%2Fmask%3E%3Cpath%20fill%3D%22url(%23SVGCdghnblF)%22%20d%3D%22M256%200v341.333H142.222V0z%22%20mask%3D%22url(%23SVGvCV5wclL)%22%2F%3E%3Cpath%20fill-opacity%3D%22.2%22%20d%3D%22M184.889%20100.978v241.778H71.11v-256h99.556c7.854%200%2014.222%206.367%2014.222%2014.222%22%20mask%3D%22url(%23SVGvCV5wclL)%22%2F%3E%3Cpath%20fill-opacity%3D%22.18%22%20d%3D%22M184.889%20106.667v241.777H71.11v-256h99.556c7.854%200%2014.222%206.368%2014.222%2014.223%22%20mask%3D%22url(%23SVGvCV5wclL)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG5tapKdof)%22%20d%3D%22M184.889%2099.556v241.777H71.11v-256h99.556c7.854%200%2014.222%206.368%2014.222%2014.223%22%20mask%3D%22url(%23SVGvCV5wclL)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGRvjwscVp)%22%20d%3D%22M0%20170.667v170.666h113.778V184.89c0-7.855-6.368-14.222-14.222-14.222z%22%20mask%3D%22url(%23SVGvCV5wclL)%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%20342%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGCdghnblF%22%20x1%3D%2242.593%25%22%20x2%3D%2257.245%25%22%20y1%3D%220%25%22%20y2%3D%2293.174%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23e6ad10%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23c87e0e%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG5tapKdof%22%20x1%3D%2240.122%25%22%20x2%3D%2262.028%25%22%20y1%3D%220%25%22%20y2%3D%2295.592%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23f6d751%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23e6ad10%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGRvjwscVp%22%20x1%3D%2227.774%25%22%20x2%3D%2255.012%25%22%20y1%3D%220%25%22%20y2%3D%2296.828%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23f9e589%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23f6d751%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20id%3D%22SVGvAvgNc4T%22%20d%3D%22M142.222%2014.222C142.222%206.368%20148.59%200%20156.444%200h85.334C249.632%200%20256%206.368%20256%2014.222v312.89c0%207.854-6.368%2014.221-14.222%2014.221H14.222C6.368%20341.333%200%20334.966%200%20327.111V184.89c0-7.855%206.368-14.222%2014.222-14.222h56.89V99.556c0-7.855%206.367-14.223%2014.222-14.223h56.888z%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22SVGvCV5wclL%22%20fill%3D%22%23fff%22%3E%3Cuse%20href%3D%22%23SVGvAvgNc4T%22%2F%3E%3C%2Fmask%3E%3Cpath%20fill%3D%22url(%23SVGCdghnblF)%22%20d%3D%22M256%200v341.333H142.222V0z%22%20mask%3D%22url(%23SVGvCV5wclL)%22%2F%3E%3Cpath%20fill-opacity%3D%22.2%22%20d%3D%22M184.889%20100.978v241.778H71.11v-256h99.556c7.854%200%2014.222%206.367%2014.222%2014.222%22%20mask%3D%22url(%23SVGvCV5wclL)%22%2F%3E%3Cpath%20fill-opacity%3D%22.18%22%20d%3D%22M184.889%20106.667v241.777H71.11v-256h99.556c7.854%200%2014.222%206.368%2014.222%2014.223%22%20mask%3D%22url(%23SVGvCV5wclL)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG5tapKdof)%22%20d%3D%22M184.889%2099.556v241.777H71.11v-256h99.556c7.854%200%2014.222%206.368%2014.222%2014.223%22%20mask%3D%22url(%23SVGvCV5wclL)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGRvjwscVp)%22%20d%3D%22M0%20170.667v170.666h113.778V184.89c0-7.855-6.368-14.222-14.222-14.222z%22%20mask%3D%22url(%23SVGvCV5wclL)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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