pixate logo

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

Name
pixate
Set
SVG Logos
Style
Color
Viewbox
256×260
License
CC0

Use the pixate logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 260"><path d="M148.576 67.064l-14.174 53.712h14.92c50.728 0 67.14-26.856 85.044-69.378l20.888-49.982c-70.87-5.222-91.758 8.952-106.678 65.648" fill="#3EC4FC"/><path d="M.868 2.162l20.888 49.982c17.904 42.522 34.316 69.378 85.044 69.378h14.92L107.546 67.81C92.626 10.368 71.738-3.806.868 2.162" fill="#FFBD00"/><path d="M107.546 193.138l14.174-53.712H106.8c-50.728 0-67.14 26.856-85.044 69.378L.868 258.786c70.87 5.222 91.758-8.952 106.678-65.648" fill="#F18B37"/><path d="M255.254 258.04l-20.888-49.982c-17.904-42.522-34.316-69.378-85.044-69.378h-14.92l14.174 53.712c14.92 57.442 35.808 71.616 106.678 65.648" fill="#0090DB"/></svg>

React

import type { SVGProps } from "react";

export function LogosPixate(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 260"><path d="M148.576 67.064l-14.174 53.712h14.92c50.728 0 67.14-26.856 85.044-69.378l20.888-49.982c-70.87-5.222-91.758 8.952-106.678 65.648" fill="#3EC4FC"/><path d="M.868 2.162l20.888 49.982c17.904 42.522 34.316 69.378 85.044 69.378h14.92L107.546 67.81C92.626 10.368 71.738-3.806.868 2.162" fill="#FFBD00"/><path d="M107.546 193.138l14.174-53.712H106.8c-50.728 0-67.14 26.856-85.044 69.378L.868 258.786c70.87 5.222 91.758-8.952 106.678-65.648" fill="#F18B37"/><path d="M255.254 258.04l-20.888-49.982c-17.904-42.522-34.316-69.378-85.044-69.378h-14.92l14.174 53.712c14.92 57.442 35.808 71.616 106.678 65.648" fill="#0090DB"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 260"><path d="M148.576 67.064l-14.174 53.712h14.92c50.728 0 67.14-26.856 85.044-69.378l20.888-49.982c-70.87-5.222-91.758 8.952-106.678 65.648" fill="#3EC4FC"/><path d="M.868 2.162l20.888 49.982c17.904 42.522 34.316 69.378 85.044 69.378h14.92L107.546 67.81C92.626 10.368 71.738-3.806.868 2.162" fill="#FFBD00"/><path d="M107.546 193.138l14.174-53.712H106.8c-50.728 0-67.14 26.856-85.044 69.378L.868 258.786c70.87 5.222 91.758-8.952 106.678-65.648" fill="#F18B37"/><path d="M255.254 258.04l-20.888-49.982c-17.904-42.522-34.316-69.378-85.044-69.378h-14.92l14.174 53.712c14.92 57.442 35.808 71.616 106.678 65.648" fill="#0090DB"/></svg>
</template>

CSS

.icon-pixate {
  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%20260%22%3E%3Cpath%20d%3D%22M148.576%2067.064l-14.174%2053.712h14.92c50.728%200%2067.14-26.856%2085.044-69.378l20.888-49.982c-70.87-5.222-91.758%208.952-106.678%2065.648%22%20fill%3D%22%233EC4FC%22%2F%3E%3Cpath%20d%3D%22M.868%202.162l20.888%2049.982c17.904%2042.522%2034.316%2069.378%2085.044%2069.378h14.92L107.546%2067.81C92.626%2010.368%2071.738-3.806.868%202.162%22%20fill%3D%22%23FFBD00%22%2F%3E%3Cpath%20d%3D%22M107.546%20193.138l14.174-53.712H106.8c-50.728%200-67.14%2026.856-85.044%2069.378L.868%20258.786c70.87%205.222%2091.758-8.952%20106.678-65.648%22%20fill%3D%22%23F18B37%22%2F%3E%3Cpath%20d%3D%22M255.254%20258.04l-20.888-49.982c-17.904-42.522-34.316-69.378-85.044-69.378h-14.92l14.174%2053.712c14.92%2057.442%2035.808%2071.616%20106.678%2065.648%22%20fill%3D%22%230090DB%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%20260%22%3E%3Cpath%20d%3D%22M148.576%2067.064l-14.174%2053.712h14.92c50.728%200%2067.14-26.856%2085.044-69.378l20.888-49.982c-70.87-5.222-91.758%208.952-106.678%2065.648%22%20fill%3D%22%233EC4FC%22%2F%3E%3Cpath%20d%3D%22M.868%202.162l20.888%2049.982c17.904%2042.522%2034.316%2069.378%2085.044%2069.378h14.92L107.546%2067.81C92.626%2010.368%2071.738-3.806.868%202.162%22%20fill%3D%22%23FFBD00%22%2F%3E%3Cpath%20d%3D%22M107.546%20193.138l14.174-53.712H106.8c-50.728%200-67.14%2026.856-85.044%2069.378L.868%20258.786c70.87%205.222%2091.758-8.952%20106.678-65.648%22%20fill%3D%22%23F18B37%22%2F%3E%3Cpath%20d%3D%22M255.254%20258.04l-20.888-49.982c-17.904-42.522-34.316-69.378-85.044-69.378h-14.92l14.174%2053.712c14.92%2057.442%2035.808%2071.616%20106.678%2065.648%22%20fill%3D%22%230090DB%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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