pinterest square logo

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

Name: pinterest-square
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

pinterest-squareJam Icons pinterest-squareLine Awesome

Related icons in Font Awesome Brands

Use the pinterest square logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M480 96H160c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h72.6l-2.2-.8c-5.4-48.1-3.1-57.5 15.7-134.7c3.9-16 8.5-35 13.9-57.9c0 0-7.3-14.8-7.3-36.5c0-70.7 75.5-78 75.5-25c0 13.5-5.4 31.1-11.2 49.8c-3.3 10.6-6.6 21.5-9.1 32c-5.7 24.5 12.3 44.4 36.4 44.4c43.7 0 77.2-46 77.2-112.4c0-58.8-42.3-99.9-102.6-99.9C249 203 208 255.4 208 309.6c0 21.1 8.2 43.7 18.3 56c2 2.4 2.3 4.5 1.7 7c-1.1 4.7-3.1 12.9-4.7 19.2c-1 4-1.8 7.3-2.1 8.6c-1.1 4.5-3.5 5.5-8.2 3.3c-30.6-14.3-49.8-59.1-49.8-95.1c0-77.5 56.2-148.6 162.2-148.6c85.2 0 151.4 60.7 151.4 141.8c0 84.6-53.3 152.7-127.4 152.7c-24.9 0-48.3-12.9-56.3-28.2c0 0-12.3 46.9-15.3 58.4c-5 19.3-17.6 42.9-27.4 59.3H480c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsPinterestSquare(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="M480 96H160c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h72.6l-2.2-.8c-5.4-48.1-3.1-57.5 15.7-134.7c3.9-16 8.5-35 13.9-57.9c0 0-7.3-14.8-7.3-36.5c0-70.7 75.5-78 75.5-25c0 13.5-5.4 31.1-11.2 49.8c-3.3 10.6-6.6 21.5-9.1 32c-5.7 24.5 12.3 44.4 36.4 44.4c43.7 0 77.2-46 77.2-112.4c0-58.8-42.3-99.9-102.6-99.9C249 203 208 255.4 208 309.6c0 21.1 8.2 43.7 18.3 56c2 2.4 2.3 4.5 1.7 7c-1.1 4.7-3.1 12.9-4.7 19.2c-1 4-1.8 7.3-2.1 8.6c-1.1 4.5-3.5 5.5-8.2 3.3c-30.6-14.3-49.8-59.1-49.8-95.1c0-77.5 56.2-148.6 162.2-148.6c85.2 0 151.4 60.7 151.4 141.8c0 84.6-53.3 152.7-127.4 152.7c-24.9 0-48.3-12.9-56.3-28.2c0 0-12.3 46.9-15.3 58.4c-5 19.3-17.6 42.9-27.4 59.3H480c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M480 96H160c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h72.6l-2.2-.8c-5.4-48.1-3.1-57.5 15.7-134.7c3.9-16 8.5-35 13.9-57.9c0 0-7.3-14.8-7.3-36.5c0-70.7 75.5-78 75.5-25c0 13.5-5.4 31.1-11.2 49.8c-3.3 10.6-6.6 21.5-9.1 32c-5.7 24.5 12.3 44.4 36.4 44.4c43.7 0 77.2-46 77.2-112.4c0-58.8-42.3-99.9-102.6-99.9C249 203 208 255.4 208 309.6c0 21.1 8.2 43.7 18.3 56c2 2.4 2.3 4.5 1.7 7c-1.1 4.7-3.1 12.9-4.7 19.2c-1 4-1.8 7.3-2.1 8.6c-1.1 4.5-3.5 5.5-8.2 3.3c-30.6-14.3-49.8-59.1-49.8-95.1c0-77.5 56.2-148.6 162.2-148.6c85.2 0 151.4 60.7 151.4 141.8c0 84.6-53.3 152.7-127.4 152.7c-24.9 0-48.3-12.9-56.3-28.2c0 0-12.3 46.9-15.3 58.4c-5 19.3-17.6 42.9-27.4 59.3H480c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64"/></svg>
</template>

CSS

.icon-pinterest-square {
  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%22M480%2096H160c-35.3%200-64%2028.7-64%2064v320c0%2035.3%2028.7%2064%2064%2064h72.6l-2.2-.8c-5.4-48.1-3.1-57.5%2015.7-134.7c3.9-16%208.5-35%2013.9-57.9c0%200-7.3-14.8-7.3-36.5c0-70.7%2075.5-78%2075.5-25c0%2013.5-5.4%2031.1-11.2%2049.8c-3.3%2010.6-6.6%2021.5-9.1%2032c-5.7%2024.5%2012.3%2044.4%2036.4%2044.4c43.7%200%2077.2-46%2077.2-112.4c0-58.8-42.3-99.9-102.6-99.9C249%20203%20208%20255.4%20208%20309.6c0%2021.1%208.2%2043.7%2018.3%2056c2%202.4%202.3%204.5%201.7%207c-1.1%204.7-3.1%2012.9-4.7%2019.2c-1%204-1.8%207.3-2.1%208.6c-1.1%204.5-3.5%205.5-8.2%203.3c-30.6-14.3-49.8-59.1-49.8-95.1c0-77.5%2056.2-148.6%20162.2-148.6c85.2%200%20151.4%2060.7%20151.4%20141.8c0%2084.6-53.3%20152.7-127.4%20152.7c-24.9%200-48.3-12.9-56.3-28.2c0%200-12.3%2046.9-15.3%2058.4c-5%2019.3-17.6%2042.9-27.4%2059.3H480c35.3%200%2064-28.7%2064-64V160c0-35.3-28.7-64-64-64%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%22M480%2096H160c-35.3%200-64%2028.7-64%2064v320c0%2035.3%2028.7%2064%2064%2064h72.6l-2.2-.8c-5.4-48.1-3.1-57.5%2015.7-134.7c3.9-16%208.5-35%2013.9-57.9c0%200-7.3-14.8-7.3-36.5c0-70.7%2075.5-78%2075.5-25c0%2013.5-5.4%2031.1-11.2%2049.8c-3.3%2010.6-6.6%2021.5-9.1%2032c-5.7%2024.5%2012.3%2044.4%2036.4%2044.4c43.7%200%2077.2-46%2077.2-112.4c0-58.8-42.3-99.9-102.6-99.9C249%20203%20208%20255.4%20208%20309.6c0%2021.1%208.2%2043.7%2018.3%2056c2%202.4%202.3%204.5%201.7%207c-1.1%204.7-3.1%2012.9-4.7%2019.2c-1%204-1.8%207.3-2.1%208.6c-1.1%204.5-3.5%205.5-8.2%203.3c-30.6-14.3-49.8-59.1-49.8-95.1c0-77.5%2056.2-148.6%20162.2-148.6c85.2%200%20151.4%2060.7%20151.4%20141.8c0%2084.6-53.3%20152.7-127.4%20152.7c-24.9%200-48.3-12.9-56.3-28.2c0%200-12.3%2046.9-15.3%2058.4c-5%2019.3-17.6%2042.9-27.4%2059.3H480c35.3%200%2064-28.7%2064-64V160c0-35.3-28.7-64-64-64%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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