perbyte logo

perbyte from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: perbyte
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

Use the perbyte logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M401.3 348.6h-58.7v98.7h58.7c16.3 0 29-4.6 38.2-13.8s13.8-21.2 13.8-36.1c0-14.6-4.7-26.3-14-35.3s-22-13.5-37.9-13.5zM245.4 192.7h-58.7v98.7h58.7c16.3 0 29-4.6 38.2-13.8s13.8-21.2 13.8-36.1c0-14.6-4.7-26.3-14-35.3s-22-13.5-37.9-13.5zM462.6 96H177.4c-21.6 0-42.2 8.6-57.5 23.9S96 155.8 96 177.4v285.2c0 21.6 8.6 42.2 23.9 57.5s35.9 23.9 57.5 23.9h285.3c21.6 0 42.2-8.6 57.5-23.9s23.8-35.9 23.8-57.5V177.3c0-21.6-8.6-42.2-23.9-57.5S484.2 96 462.6 96m63.6 366.6c0 16.9-6.7 33-18.7 45s-28.1 18.6-45 18.7H177.2c-16.9 0-33-6.7-45-18.7s-18.6-28.1-18.7-45V177.3c0-16.9 6.7-33 18.7-45s28.1-18.6 45-18.7h285.3c16.9 0 33 6.7 45 18.7s18.6 28.1 18.7 45zm-125-269.9h-58.7v98.7h58.7c16.3 0 29-4.6 38.2-13.8s13.8-21.2 13.8-36.1c0-14.6-4.7-26.3-14-35.3s-22-13.5-37.9-13.5z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsPerbyte(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M401.3 348.6h-58.7v98.7h58.7c16.3 0 29-4.6 38.2-13.8s13.8-21.2 13.8-36.1c0-14.6-4.7-26.3-14-35.3s-22-13.5-37.9-13.5zM245.4 192.7h-58.7v98.7h58.7c16.3 0 29-4.6 38.2-13.8s13.8-21.2 13.8-36.1c0-14.6-4.7-26.3-14-35.3s-22-13.5-37.9-13.5zM462.6 96H177.4c-21.6 0-42.2 8.6-57.5 23.9S96 155.8 96 177.4v285.2c0 21.6 8.6 42.2 23.9 57.5s35.9 23.9 57.5 23.9h285.3c21.6 0 42.2-8.6 57.5-23.9s23.8-35.9 23.8-57.5V177.3c0-21.6-8.6-42.2-23.9-57.5S484.2 96 462.6 96m63.6 366.6c0 16.9-6.7 33-18.7 45s-28.1 18.6-45 18.7H177.2c-16.9 0-33-6.7-45-18.7s-18.6-28.1-18.7-45V177.3c0-16.9 6.7-33 18.7-45s28.1-18.6 45-18.7h285.3c16.9 0 33 6.7 45 18.7s18.6 28.1 18.7 45zm-125-269.9h-58.7v98.7h58.7c16.3 0 29-4.6 38.2-13.8s13.8-21.2 13.8-36.1c0-14.6-4.7-26.3-14-35.3s-22-13.5-37.9-13.5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M401.3 348.6h-58.7v98.7h58.7c16.3 0 29-4.6 38.2-13.8s13.8-21.2 13.8-36.1c0-14.6-4.7-26.3-14-35.3s-22-13.5-37.9-13.5zM245.4 192.7h-58.7v98.7h58.7c16.3 0 29-4.6 38.2-13.8s13.8-21.2 13.8-36.1c0-14.6-4.7-26.3-14-35.3s-22-13.5-37.9-13.5zM462.6 96H177.4c-21.6 0-42.2 8.6-57.5 23.9S96 155.8 96 177.4v285.2c0 21.6 8.6 42.2 23.9 57.5s35.9 23.9 57.5 23.9h285.3c21.6 0 42.2-8.6 57.5-23.9s23.8-35.9 23.8-57.5V177.3c0-21.6-8.6-42.2-23.9-57.5S484.2 96 462.6 96m63.6 366.6c0 16.9-6.7 33-18.7 45s-28.1 18.6-45 18.7H177.2c-16.9 0-33-6.7-45-18.7s-18.6-28.1-18.7-45V177.3c0-16.9 6.7-33 18.7-45s28.1-18.6 45-18.7h285.3c16.9 0 33 6.7 45 18.7s18.6 28.1 18.7 45zm-125-269.9h-58.7v98.7h58.7c16.3 0 29-4.6 38.2-13.8s13.8-21.2 13.8-36.1c0-14.6-4.7-26.3-14-35.3s-22-13.5-37.9-13.5z"/></svg>
</template>

CSS

.icon-perbyte {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M401.3%20348.6h-58.7v98.7h58.7c16.3%200%2029-4.6%2038.2-13.8s13.8-21.2%2013.8-36.1c0-14.6-4.7-26.3-14-35.3s-22-13.5-37.9-13.5zM245.4%20192.7h-58.7v98.7h58.7c16.3%200%2029-4.6%2038.2-13.8s13.8-21.2%2013.8-36.1c0-14.6-4.7-26.3-14-35.3s-22-13.5-37.9-13.5zM462.6%2096H177.4c-21.6%200-42.2%208.6-57.5%2023.9S96%20155.8%2096%20177.4v285.2c0%2021.6%208.6%2042.2%2023.9%2057.5s35.9%2023.9%2057.5%2023.9h285.3c21.6%200%2042.2-8.6%2057.5-23.9s23.8-35.9%2023.8-57.5V177.3c0-21.6-8.6-42.2-23.9-57.5S484.2%2096%20462.6%2096m63.6%20366.6c0%2016.9-6.7%2033-18.7%2045s-28.1%2018.6-45%2018.7H177.2c-16.9%200-33-6.7-45-18.7s-18.6-28.1-18.7-45V177.3c0-16.9%206.7-33%2018.7-45s28.1-18.6%2045-18.7h285.3c16.9%200%2033%206.7%2045%2018.7s18.6%2028.1%2018.7%2045zm-125-269.9h-58.7v98.7h58.7c16.3%200%2029-4.6%2038.2-13.8s13.8-21.2%2013.8-36.1c0-14.6-4.7-26.3-14-35.3s-22-13.5-37.9-13.5z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M401.3%20348.6h-58.7v98.7h58.7c16.3%200%2029-4.6%2038.2-13.8s13.8-21.2%2013.8-36.1c0-14.6-4.7-26.3-14-35.3s-22-13.5-37.9-13.5zM245.4%20192.7h-58.7v98.7h58.7c16.3%200%2029-4.6%2038.2-13.8s13.8-21.2%2013.8-36.1c0-14.6-4.7-26.3-14-35.3s-22-13.5-37.9-13.5zM462.6%2096H177.4c-21.6%200-42.2%208.6-57.5%2023.9S96%20155.8%2096%20177.4v285.2c0%2021.6%208.6%2042.2%2023.9%2057.5s35.9%2023.9%2057.5%2023.9h285.3c21.6%200%2042.2-8.6%2057.5-23.9s23.8-35.9%2023.8-57.5V177.3c0-21.6-8.6-42.2-23.9-57.5S484.2%2096%20462.6%2096m63.6%20366.6c0%2016.9-6.7%2033-18.7%2045s-28.1%2018.6-45%2018.7H177.2c-16.9%200-33-6.7-45-18.7s-18.6-28.1-18.7-45V177.3c0-16.9%206.7-33%2018.7-45s28.1-18.6%2045-18.7h285.3c16.9%200%2033%206.7%2045%2018.7s18.6%2028.1%2018.7%2045zm-125-269.9h-58.7v98.7h58.7c16.3%200%2029-4.6%2038.2-13.8s13.8-21.2%2013.8-36.1c0-14.6-4.7-26.3-14-35.3s-22-13.5-37.9-13.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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