pagerduty icon logo

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

Name
pagerduty-icon
Set
SVG Logos
Style
Color
Viewbox
256×372
License
CC0

Use the pagerduty icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 372"><path fill="#06ac38" d="M54.554 272.557v98.919H0v-98.919zM109.047.001c46.745.051 67.005 2.703 95.795 18.254C236.471 35.237 256 68.988 256 111.018c0 39.058-15.92 72.81-46.488 92.975c-28.02 18.68-59.86 21.228-102.315 21.228H0V0Zm8.739 47.753l-1.673.007l-61.56.425v129.91h65.168c45.639 0 80.451-18.255 80.451-66.44c0-44.79-28.02-64.32-84.06-63.895Z"/></svg>

React

import type { SVGProps } from "react";

export function LogosPagerdutyIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 372"><path fill="#06ac38" d="M54.554 272.557v98.919H0v-98.919zM109.047.001c46.745.051 67.005 2.703 95.795 18.254C236.471 35.237 256 68.988 256 111.018c0 39.058-15.92 72.81-46.488 92.975c-28.02 18.68-59.86 21.228-102.315 21.228H0V0Zm8.739 47.753l-1.673.007l-61.56.425v129.91h65.168c45.639 0 80.451-18.255 80.451-66.44c0-44.79-28.02-64.32-84.06-63.895Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 372"><path fill="#06ac38" d="M54.554 272.557v98.919H0v-98.919zM109.047.001c46.745.051 67.005 2.703 95.795 18.254C236.471 35.237 256 68.988 256 111.018c0 39.058-15.92 72.81-46.488 92.975c-28.02 18.68-59.86 21.228-102.315 21.228H0V0Zm8.739 47.753l-1.673.007l-61.56.425v129.91h65.168c45.639 0 80.451-18.255 80.451-66.44c0-44.79-28.02-64.32-84.06-63.895Z"/></svg>
</template>

CSS

.icon-pagerduty-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%20372%22%3E%3Cpath%20fill%3D%22%2306ac38%22%20d%3D%22M54.554%20272.557v98.919H0v-98.919zM109.047.001c46.745.051%2067.005%202.703%2095.795%2018.254C236.471%2035.237%20256%2068.988%20256%20111.018c0%2039.058-15.92%2072.81-46.488%2092.975c-28.02%2018.68-59.86%2021.228-102.315%2021.228H0V0Zm8.739%2047.753l-1.673.007l-61.56.425v129.91h65.168c45.639%200%2080.451-18.255%2080.451-66.44c0-44.79-28.02-64.32-84.06-63.895Z%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%20372%22%3E%3Cpath%20fill%3D%22%2306ac38%22%20d%3D%22M54.554%20272.557v98.919H0v-98.919zM109.047.001c46.745.051%2067.005%202.703%2095.795%2018.254C236.471%2035.237%20256%2068.988%20256%20111.018c0%2039.058-15.92%2072.81-46.488%2092.975c-28.02%2018.68-59.86%2021.228-102.315%2021.228H0V0Zm8.739%2047.753l-1.673.007l-61.56.425v129.91h65.168c45.639%200%2080.451-18.255%2080.451-66.44c0-44.79-28.02-64.32-84.06-63.895Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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