buffer logo

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

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

The same logo in other sets

bufferCoreUI Brands bufferFont Awesome 6 Brands bufferLine Awesome bufferSVG Logos bufferMaterial Design Icons bufferSimple Icons

Use the buffer logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m524.2 444.7l-196.5 97.8c-2.3 1-4.8 1.5-7.3 1.5s-5-.5-7.3-1.5l-196.6-97.8c-4-2-4-5.3 0-7.3l47.1-23.4c2.3-1 4.8-1.5 7.3-1.5s5 .5 7.3 1.5L313 481c2.3 1 4.8 1.5 7.3 1.5s5-.5 7.3-1.5l134.8-67c2.3-1 4.8-1.5 7.3-1.5s5 .5 7.3 1.5l47.1 23.4c4 2 4 5.2 0 7.2zm0-136.5l-47.1-23.4c-2.3-1-4.8-1.5-7.3-1.5s-5 .5-7.3 1.5l-134.8 67c-2.3 1-4.8 1.5-7.3 1.5s-5-.5-7.3-1.5l-134.8-67.1c-2.3-1-4.8-1.5-7.3-1.5s-5 .5-7.3 1.5l-47.2 23.4c-4 2-4 5.3 0 7.3L313 413.2c2.3 1 4.8 1.5 7.3 1.5s5-.5 7.3-1.5l196.5-97.8c4-2 4-5.3 0-7.3zM116.5 194.4L313 284.7c4.7 1.9 10 1.9 14.7 0l196.5-90.3c4-1.9 4-4.9 0-6.7L327.7 97.4c-4.7-1.9-10-1.9-14.7 0l-196.5 90.3c-4 1.8-4 4.9 0 6.7"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsBuffer(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="m524.2 444.7l-196.5 97.8c-2.3 1-4.8 1.5-7.3 1.5s-5-.5-7.3-1.5l-196.6-97.8c-4-2-4-5.3 0-7.3l47.1-23.4c2.3-1 4.8-1.5 7.3-1.5s5 .5 7.3 1.5L313 481c2.3 1 4.8 1.5 7.3 1.5s5-.5 7.3-1.5l134.8-67c2.3-1 4.8-1.5 7.3-1.5s5 .5 7.3 1.5l47.1 23.4c4 2 4 5.2 0 7.2zm0-136.5l-47.1-23.4c-2.3-1-4.8-1.5-7.3-1.5s-5 .5-7.3 1.5l-134.8 67c-2.3 1-4.8 1.5-7.3 1.5s-5-.5-7.3-1.5l-134.8-67.1c-2.3-1-4.8-1.5-7.3-1.5s-5 .5-7.3 1.5l-47.2 23.4c-4 2-4 5.3 0 7.3L313 413.2c2.3 1 4.8 1.5 7.3 1.5s5-.5 7.3-1.5l196.5-97.8c4-2 4-5.3 0-7.3zM116.5 194.4L313 284.7c4.7 1.9 10 1.9 14.7 0l196.5-90.3c4-1.9 4-4.9 0-6.7L327.7 97.4c-4.7-1.9-10-1.9-14.7 0l-196.5 90.3c-4 1.8-4 4.9 0 6.7"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m524.2 444.7l-196.5 97.8c-2.3 1-4.8 1.5-7.3 1.5s-5-.5-7.3-1.5l-196.6-97.8c-4-2-4-5.3 0-7.3l47.1-23.4c2.3-1 4.8-1.5 7.3-1.5s5 .5 7.3 1.5L313 481c2.3 1 4.8 1.5 7.3 1.5s5-.5 7.3-1.5l134.8-67c2.3-1 4.8-1.5 7.3-1.5s5 .5 7.3 1.5l47.1 23.4c4 2 4 5.2 0 7.2zm0-136.5l-47.1-23.4c-2.3-1-4.8-1.5-7.3-1.5s-5 .5-7.3 1.5l-134.8 67c-2.3 1-4.8 1.5-7.3 1.5s-5-.5-7.3-1.5l-134.8-67.1c-2.3-1-4.8-1.5-7.3-1.5s-5 .5-7.3 1.5l-47.2 23.4c-4 2-4 5.3 0 7.3L313 413.2c2.3 1 4.8 1.5 7.3 1.5s5-.5 7.3-1.5l196.5-97.8c4-2 4-5.3 0-7.3zM116.5 194.4L313 284.7c4.7 1.9 10 1.9 14.7 0l196.5-90.3c4-1.9 4-4.9 0-6.7L327.7 97.4c-4.7-1.9-10-1.9-14.7 0l-196.5 90.3c-4 1.8-4 4.9 0 6.7"/></svg>
</template>

CSS

.icon-buffer {
  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%22m524.2%20444.7l-196.5%2097.8c-2.3%201-4.8%201.5-7.3%201.5s-5-.5-7.3-1.5l-196.6-97.8c-4-2-4-5.3%200-7.3l47.1-23.4c2.3-1%204.8-1.5%207.3-1.5s5%20.5%207.3%201.5L313%20481c2.3%201%204.8%201.5%207.3%201.5s5-.5%207.3-1.5l134.8-67c2.3-1%204.8-1.5%207.3-1.5s5%20.5%207.3%201.5l47.1%2023.4c4%202%204%205.2%200%207.2zm0-136.5l-47.1-23.4c-2.3-1-4.8-1.5-7.3-1.5s-5%20.5-7.3%201.5l-134.8%2067c-2.3%201-4.8%201.5-7.3%201.5s-5-.5-7.3-1.5l-134.8-67.1c-2.3-1-4.8-1.5-7.3-1.5s-5%20.5-7.3%201.5l-47.2%2023.4c-4%202-4%205.3%200%207.3L313%20413.2c2.3%201%204.8%201.5%207.3%201.5s5-.5%207.3-1.5l196.5-97.8c4-2%204-5.3%200-7.3zM116.5%20194.4L313%20284.7c4.7%201.9%2010%201.9%2014.7%200l196.5-90.3c4-1.9%204-4.9%200-6.7L327.7%2097.4c-4.7-1.9-10-1.9-14.7%200l-196.5%2090.3c-4%201.8-4%204.9%200%206.7%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%22m524.2%20444.7l-196.5%2097.8c-2.3%201-4.8%201.5-7.3%201.5s-5-.5-7.3-1.5l-196.6-97.8c-4-2-4-5.3%200-7.3l47.1-23.4c2.3-1%204.8-1.5%207.3-1.5s5%20.5%207.3%201.5L313%20481c2.3%201%204.8%201.5%207.3%201.5s5-.5%207.3-1.5l134.8-67c2.3-1%204.8-1.5%207.3-1.5s5%20.5%207.3%201.5l47.1%2023.4c4%202%204%205.2%200%207.2zm0-136.5l-47.1-23.4c-2.3-1-4.8-1.5-7.3-1.5s-5%20.5-7.3%201.5l-134.8%2067c-2.3%201-4.8%201.5-7.3%201.5s-5-.5-7.3-1.5l-134.8-67.1c-2.3-1-4.8-1.5-7.3-1.5s-5%20.5-7.3%201.5l-47.2%2023.4c-4%202-4%205.3%200%207.3L313%20413.2c2.3%201%204.8%201.5%207.3%201.5s5-.5%207.3-1.5l196.5-97.8c4-2%204-5.3%200-7.3zM116.5%20194.4L313%20284.7c4.7%201.9%2010%201.9%2014.7%200l196.5-90.3c4-1.9%204-4.9%200-6.7L327.7%2097.4c-4.7-1.9-10-1.9-14.7%200l-196.5%2090.3c-4%201.8-4%204.9%200%206.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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