page4 logo

page4 from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: page4
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 496×512
License: CC BY 4.0

The same logo in other sets

page4Font Awesome Brands page4Line Awesome

Use the page4 logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 496 512"><path fill="currentColor" d="M248 504C111 504 0 393 0 256S111 8 248 8c20.9 0 41.3 2.6 60.7 7.5L42.3 392H248zm0-143.6V146.8L98.6 360.4zm96 31.6v92.7c45.7-19.2 84.5-51.7 111.4-92.7zm57.4-138.2l-21.2 8.4l21.2 8.3zm-20.3 54.5c-6.7 0-8 6.3-8 12.9v7.7h16.2v-10c0-5.9-2.3-10.6-8.2-10.6M496 256c0 37.3-8.2 72.7-23 104.4H344V27.3C433.3 64.8 496 153.1 496 256M360.4 143.6h68.2V96h-13.9v32.6h-13.9V99h-13.9v29.6h-12.7V96h-13.9v47.6zm68.1 185.3H402v-11c0-15.4-5.6-25.2-20.9-25.2c-15.4 0-20.7 10.6-20.7 25.9v25.3h68.2v-15zm0-103l-68.2 29.7V268l68.2 29.5v-16.6l-14.4-5.7v-26.5l14.4-5.9zm-4.8-68.5h-35.6V184H402v-12.2h11c8.6 15.8 1.3 35.3-18.6 35.3c-22.5 0-28.3-25.3-15.5-37.7l-11.6-10.6c-16.2 17.5-12.2 63.9 27.1 63.9c34 0 44.7-35.9 29.3-65.3"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsPage4(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 496 512"><path fill="currentColor" d="M248 504C111 504 0 393 0 256S111 8 248 8c20.9 0 41.3 2.6 60.7 7.5L42.3 392H248zm0-143.6V146.8L98.6 360.4zm96 31.6v92.7c45.7-19.2 84.5-51.7 111.4-92.7zm57.4-138.2l-21.2 8.4l21.2 8.3zm-20.3 54.5c-6.7 0-8 6.3-8 12.9v7.7h16.2v-10c0-5.9-2.3-10.6-8.2-10.6M496 256c0 37.3-8.2 72.7-23 104.4H344V27.3C433.3 64.8 496 153.1 496 256M360.4 143.6h68.2V96h-13.9v32.6h-13.9V99h-13.9v29.6h-12.7V96h-13.9v47.6zm68.1 185.3H402v-11c0-15.4-5.6-25.2-20.9-25.2c-15.4 0-20.7 10.6-20.7 25.9v25.3h68.2v-15zm0-103l-68.2 29.7V268l68.2 29.5v-16.6l-14.4-5.7v-26.5l14.4-5.9zm-4.8-68.5h-35.6V184H402v-12.2h11c8.6 15.8 1.3 35.3-18.6 35.3c-22.5 0-28.3-25.3-15.5-37.7l-11.6-10.6c-16.2 17.5-12.2 63.9 27.1 63.9c34 0 44.7-35.9 29.3-65.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 496 512"><path fill="currentColor" d="M248 504C111 504 0 393 0 256S111 8 248 8c20.9 0 41.3 2.6 60.7 7.5L42.3 392H248zm0-143.6V146.8L98.6 360.4zm96 31.6v92.7c45.7-19.2 84.5-51.7 111.4-92.7zm57.4-138.2l-21.2 8.4l21.2 8.3zm-20.3 54.5c-6.7 0-8 6.3-8 12.9v7.7h16.2v-10c0-5.9-2.3-10.6-8.2-10.6M496 256c0 37.3-8.2 72.7-23 104.4H344V27.3C433.3 64.8 496 153.1 496 256M360.4 143.6h68.2V96h-13.9v32.6h-13.9V99h-13.9v29.6h-12.7V96h-13.9v47.6zm68.1 185.3H402v-11c0-15.4-5.6-25.2-20.9-25.2c-15.4 0-20.7 10.6-20.7 25.9v25.3h68.2v-15zm0-103l-68.2 29.7V268l68.2 29.5v-16.6l-14.4-5.7v-26.5l14.4-5.9zm-4.8-68.5h-35.6V184H402v-12.2h11c8.6 15.8 1.3 35.3-18.6 35.3c-22.5 0-28.3-25.3-15.5-37.7l-11.6-10.6c-16.2 17.5-12.2 63.9 27.1 63.9c34 0 44.7-35.9 29.3-65.3"/></svg>
</template>

CSS

.icon-page4 {
  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%20496%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M248%20504C111%20504%200%20393%200%20256S111%208%20248%208c20.9%200%2041.3%202.6%2060.7%207.5L42.3%20392H248zm0-143.6V146.8L98.6%20360.4zm96%2031.6v92.7c45.7-19.2%2084.5-51.7%20111.4-92.7zm57.4-138.2l-21.2%208.4l21.2%208.3zm-20.3%2054.5c-6.7%200-8%206.3-8%2012.9v7.7h16.2v-10c0-5.9-2.3-10.6-8.2-10.6M496%20256c0%2037.3-8.2%2072.7-23%20104.4H344V27.3C433.3%2064.8%20496%20153.1%20496%20256M360.4%20143.6h68.2V96h-13.9v32.6h-13.9V99h-13.9v29.6h-12.7V96h-13.9v47.6zm68.1%20185.3H402v-11c0-15.4-5.6-25.2-20.9-25.2c-15.4%200-20.7%2010.6-20.7%2025.9v25.3h68.2v-15zm0-103l-68.2%2029.7V268l68.2%2029.5v-16.6l-14.4-5.7v-26.5l14.4-5.9zm-4.8-68.5h-35.6V184H402v-12.2h11c8.6%2015.8%201.3%2035.3-18.6%2035.3c-22.5%200-28.3-25.3-15.5-37.7l-11.6-10.6c-16.2%2017.5-12.2%2063.9%2027.1%2063.9c34%200%2044.7-35.9%2029.3-65.3%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%20496%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M248%20504C111%20504%200%20393%200%20256S111%208%20248%208c20.9%200%2041.3%202.6%2060.7%207.5L42.3%20392H248zm0-143.6V146.8L98.6%20360.4zm96%2031.6v92.7c45.7-19.2%2084.5-51.7%20111.4-92.7zm57.4-138.2l-21.2%208.4l21.2%208.3zm-20.3%2054.5c-6.7%200-8%206.3-8%2012.9v7.7h16.2v-10c0-5.9-2.3-10.6-8.2-10.6M496%20256c0%2037.3-8.2%2072.7-23%20104.4H344V27.3C433.3%2064.8%20496%20153.1%20496%20256M360.4%20143.6h68.2V96h-13.9v32.6h-13.9V99h-13.9v29.6h-12.7V96h-13.9v47.6zm68.1%20185.3H402v-11c0-15.4-5.6-25.2-20.9-25.2c-15.4%200-20.7%2010.6-20.7%2025.9v25.3h68.2v-15zm0-103l-68.2%2029.7V268l68.2%2029.5v-16.6l-14.4-5.7v-26.5l14.4-5.9zm-4.8-68.5h-35.6V184H402v-12.2h11c8.6%2015.8%201.3%2035.3-18.6%2035.3c-22.5%200-28.3-25.3-15.5-37.7l-11.6-10.6c-16.2%2017.5-12.2%2063.9%2027.1%2063.9c34%200%2044.7-35.9%2029.3-65.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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