page4 logo

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

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

The same logo in other sets

page4Font Awesome 6 Brands page4Line Awesome

Use the page4 logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 568C183 568 72 457 72 320S183 72 320 72c20.9 0 41.3 2.6 60.7 7.5L114.3 456H320zm0-143.6V210.8L170.6 424.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.6M568 320c0 37.3-8.2 72.7-23 104.4H416V91.3c89.3 37.5 152 125.8 152 228.7M432.4 207.6h68.2V160h-13.9v32.6h-13.9V163h-13.9v29.6h-12.7V160h-13.9v47.6zm68.1 185.3H474v-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.7V332l68.2 29.5v-16.6l-14.4-5.7v-26.5l14.4-5.9zm-4.8-68.5h-35.6V248H474v-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 Fa7BrandsPage4(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="M320 568C183 568 72 457 72 320S183 72 320 72c20.9 0 41.3 2.6 60.7 7.5L114.3 456H320zm0-143.6V210.8L170.6 424.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.6M568 320c0 37.3-8.2 72.7-23 104.4H416V91.3c89.3 37.5 152 125.8 152 228.7M432.4 207.6h68.2V160h-13.9v32.6h-13.9V163h-13.9v29.6h-12.7V160h-13.9v47.6zm68.1 185.3H474v-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.7V332l68.2 29.5v-16.6l-14.4-5.7v-26.5l14.4-5.9zm-4.8-68.5h-35.6V248H474v-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 640 640"><path fill="currentColor" d="M320 568C183 568 72 457 72 320S183 72 320 72c20.9 0 41.3 2.6 60.7 7.5L114.3 456H320zm0-143.6V210.8L170.6 424.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.6M568 320c0 37.3-8.2 72.7-23 104.4H416V91.3c89.3 37.5 152 125.8 152 228.7M432.4 207.6h68.2V160h-13.9v32.6h-13.9V163h-13.9v29.6h-12.7V160h-13.9v47.6zm68.1 185.3H474v-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.7V332l68.2 29.5v-16.6l-14.4-5.7v-26.5l14.4-5.9zm-4.8-68.5h-35.6V248H474v-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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20568C183%20568%2072%20457%2072%20320S183%2072%20320%2072c20.9%200%2041.3%202.6%2060.7%207.5L114.3%20456H320zm0-143.6V210.8L170.6%20424.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.6M568%20320c0%2037.3-8.2%2072.7-23%20104.4H416V91.3c89.3%2037.5%20152%20125.8%20152%20228.7M432.4%20207.6h68.2V160h-13.9v32.6h-13.9V163h-13.9v29.6h-12.7V160h-13.9v47.6zm68.1%20185.3H474v-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.7V332l68.2%2029.5v-16.6l-14.4-5.7v-26.5l14.4-5.9zm-4.8-68.5h-35.6V248H474v-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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20568C183%20568%2072%20457%2072%20320S183%2072%20320%2072c20.9%200%2041.3%202.6%2060.7%207.5L114.3%20456H320zm0-143.6V210.8L170.6%20424.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.6M568%20320c0%2037.3-8.2%2072.7-23%20104.4H416V91.3c89.3%2037.5%20152%20125.8%20152%20228.7M432.4%20207.6h68.2V160h-13.9v32.6h-13.9V163h-13.9v29.6h-12.7V160h-13.9v47.6zm68.1%20185.3H474v-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.7V332l68.2%2029.5v-16.6l-14.4-5.7v-26.5l14.4-5.9zm-4.8-68.5h-35.6V248H474v-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/fa7-brands/page4.svg?color=%231a73e8&size=48