pagekite logo

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

Name
pagekite
Set
SVG Logos
Style
Color
Viewbox
256×285
License
CC0

Use the pagekite logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 285"><path fill="#e80022" d="M206.052 203.265C237.813 190.014 256 183.436 256 183.436L189.698 0L0 40.15s4.022 11.406 10.833 56.141L152.495 64.46z"/><path fill="#b6b1b1" d="M22.837 187.856c3.068 27.315 6.069 58.652 9.577 96.507a2594 2594 0 0 1 88.56-43.423l-25.941-69.291z"/><path fill="#748282" d="M13.422 114.016c2.152 15.307 4.524 33.606 7.085 55.417l85.945-20.253l30.88 84.2a2291 2291 0 0 1 50.227-22.289L141.076 86.93z"/></svg>

React

import type { SVGProps } from "react";

export function LogosPagekite(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 285"><path fill="#e80022" d="M206.052 203.265C237.813 190.014 256 183.436 256 183.436L189.698 0L0 40.15s4.022 11.406 10.833 56.141L152.495 64.46z"/><path fill="#b6b1b1" d="M22.837 187.856c3.068 27.315 6.069 58.652 9.577 96.507a2594 2594 0 0 1 88.56-43.423l-25.941-69.291z"/><path fill="#748282" d="M13.422 114.016c2.152 15.307 4.524 33.606 7.085 55.417l85.945-20.253l30.88 84.2a2291 2291 0 0 1 50.227-22.289L141.076 86.93z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 285"><path fill="#e80022" d="M206.052 203.265C237.813 190.014 256 183.436 256 183.436L189.698 0L0 40.15s4.022 11.406 10.833 56.141L152.495 64.46z"/><path fill="#b6b1b1" d="M22.837 187.856c3.068 27.315 6.069 58.652 9.577 96.507a2594 2594 0 0 1 88.56-43.423l-25.941-69.291z"/><path fill="#748282" d="M13.422 114.016c2.152 15.307 4.524 33.606 7.085 55.417l85.945-20.253l30.88 84.2a2291 2291 0 0 1 50.227-22.289L141.076 86.93z"/></svg>
</template>

CSS

.icon-pagekite {
  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%20285%22%3E%3Cpath%20fill%3D%22%23e80022%22%20d%3D%22M206.052%20203.265C237.813%20190.014%20256%20183.436%20256%20183.436L189.698%200L0%2040.15s4.022%2011.406%2010.833%2056.141L152.495%2064.46z%22%2F%3E%3Cpath%20fill%3D%22%23b6b1b1%22%20d%3D%22M22.837%20187.856c3.068%2027.315%206.069%2058.652%209.577%2096.507a2594%202594%200%200%201%2088.56-43.423l-25.941-69.291z%22%2F%3E%3Cpath%20fill%3D%22%23748282%22%20d%3D%22M13.422%20114.016c2.152%2015.307%204.524%2033.606%207.085%2055.417l85.945-20.253l30.88%2084.2a2291%202291%200%200%201%2050.227-22.289L141.076%2086.93z%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%20285%22%3E%3Cpath%20fill%3D%22%23e80022%22%20d%3D%22M206.052%20203.265C237.813%20190.014%20256%20183.436%20256%20183.436L189.698%200L0%2040.15s4.022%2011.406%2010.833%2056.141L152.495%2064.46z%22%2F%3E%3Cpath%20fill%3D%22%23b6b1b1%22%20d%3D%22M22.837%20187.856c3.068%2027.315%206.069%2058.652%209.577%2096.507a2594%202594%200%200%201%2088.56-43.423l-25.941-69.291z%22%2F%3E%3Cpath%20fill%3D%22%23748282%22%20d%3D%22M13.422%20114.016c2.152%2015.307%204.524%2033.606%207.085%2055.417l85.945-20.253l30.88%2084.2a2291%202291%200%200%201%2050.227-22.289L141.076%2086.93z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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