foursquare logo

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

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

The same logo in other sets

foursquareBoxicons Brands foursquareCoreUI Brands foursquareFont Awesome Brands foursquareHuge Icons foursquareIconPark foursquareIconPark Outline foursquareIconPark Solid foursquareIconPark TwoTone foursquareJam Icons foursquareLine Awesome foursquareMaterial Design Icons foursquareSimple Icons

Use the foursquare logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 368 512"><path fill="currentColor" d="M323.1 3H49.9C12.4 3 0 31.3 0 49.1v433.8c0 20.3 12.1 27.7 18.2 30.1c6.2 2.5 22.8 4.6 32.9-7.1C180 356.5 182.2 354 182.2 354c3.1-3.4 3.4-3.1 6.8-3.1h83.4c35.1 0 40.6-25.2 44.3-39.7l48.6-243C373.8 25.8 363.1 3 323.1 3m-16.3 73.8l-11.4 59.7c-1.2 6.5-9.5 13.2-16.9 13.2H172.1c-12 0-20.6 8.3-20.6 20.3v13c0 12 8.6 20.6 20.6 20.6h90.4c8.3 0 16.6 9.2 14.8 18.2c-1.8 8.9-10.5 53.8-11.4 58.8c-.9 4.9-6.8 13.5-16.9 13.5h-73.5c-13.5 0-17.2 1.8-26.5 12.6c0 0-8.9 11.4-89.5 108.3c-.9.9-1.8.6-1.8-.3V75.9c0-7.7 6.8-16.6 16.6-16.6h219c8.2 0 15.6 7.7 13.5 17.5"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsFoursquare(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 368 512"><path fill="currentColor" d="M323.1 3H49.9C12.4 3 0 31.3 0 49.1v433.8c0 20.3 12.1 27.7 18.2 30.1c6.2 2.5 22.8 4.6 32.9-7.1C180 356.5 182.2 354 182.2 354c3.1-3.4 3.4-3.1 6.8-3.1h83.4c35.1 0 40.6-25.2 44.3-39.7l48.6-243C373.8 25.8 363.1 3 323.1 3m-16.3 73.8l-11.4 59.7c-1.2 6.5-9.5 13.2-16.9 13.2H172.1c-12 0-20.6 8.3-20.6 20.3v13c0 12 8.6 20.6 20.6 20.6h90.4c8.3 0 16.6 9.2 14.8 18.2c-1.8 8.9-10.5 53.8-11.4 58.8c-.9 4.9-6.8 13.5-16.9 13.5h-73.5c-13.5 0-17.2 1.8-26.5 12.6c0 0-8.9 11.4-89.5 108.3c-.9.9-1.8.6-1.8-.3V75.9c0-7.7 6.8-16.6 16.6-16.6h219c8.2 0 15.6 7.7 13.5 17.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 368 512"><path fill="currentColor" d="M323.1 3H49.9C12.4 3 0 31.3 0 49.1v433.8c0 20.3 12.1 27.7 18.2 30.1c6.2 2.5 22.8 4.6 32.9-7.1C180 356.5 182.2 354 182.2 354c3.1-3.4 3.4-3.1 6.8-3.1h83.4c35.1 0 40.6-25.2 44.3-39.7l48.6-243C373.8 25.8 363.1 3 323.1 3m-16.3 73.8l-11.4 59.7c-1.2 6.5-9.5 13.2-16.9 13.2H172.1c-12 0-20.6 8.3-20.6 20.3v13c0 12 8.6 20.6 20.6 20.6h90.4c8.3 0 16.6 9.2 14.8 18.2c-1.8 8.9-10.5 53.8-11.4 58.8c-.9 4.9-6.8 13.5-16.9 13.5h-73.5c-13.5 0-17.2 1.8-26.5 12.6c0 0-8.9 11.4-89.5 108.3c-.9.9-1.8.6-1.8-.3V75.9c0-7.7 6.8-16.6 16.6-16.6h219c8.2 0 15.6 7.7 13.5 17.5"/></svg>
</template>

CSS

.icon-foursquare {
  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%20368%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M323.1%203H49.9C12.4%203%200%2031.3%200%2049.1v433.8c0%2020.3%2012.1%2027.7%2018.2%2030.1c6.2%202.5%2022.8%204.6%2032.9-7.1C180%20356.5%20182.2%20354%20182.2%20354c3.1-3.4%203.4-3.1%206.8-3.1h83.4c35.1%200%2040.6-25.2%2044.3-39.7l48.6-243C373.8%2025.8%20363.1%203%20323.1%203m-16.3%2073.8l-11.4%2059.7c-1.2%206.5-9.5%2013.2-16.9%2013.2H172.1c-12%200-20.6%208.3-20.6%2020.3v13c0%2012%208.6%2020.6%2020.6%2020.6h90.4c8.3%200%2016.6%209.2%2014.8%2018.2c-1.8%208.9-10.5%2053.8-11.4%2058.8c-.9%204.9-6.8%2013.5-16.9%2013.5h-73.5c-13.5%200-17.2%201.8-26.5%2012.6c0%200-8.9%2011.4-89.5%20108.3c-.9.9-1.8.6-1.8-.3V75.9c0-7.7%206.8-16.6%2016.6-16.6h219c8.2%200%2015.6%207.7%2013.5%2017.5%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%20368%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M323.1%203H49.9C12.4%203%200%2031.3%200%2049.1v433.8c0%2020.3%2012.1%2027.7%2018.2%2030.1c6.2%202.5%2022.8%204.6%2032.9-7.1C180%20356.5%20182.2%20354%20182.2%20354c3.1-3.4%203.4-3.1%206.8-3.1h83.4c35.1%200%2040.6-25.2%2044.3-39.7l48.6-243C373.8%2025.8%20363.1%203%20323.1%203m-16.3%2073.8l-11.4%2059.7c-1.2%206.5-9.5%2013.2-16.9%2013.2H172.1c-12%200-20.6%208.3-20.6%2020.3v13c0%2012%208.6%2020.6%2020.6%2020.6h90.4c8.3%200%2016.6%209.2%2014.8%2018.2c-1.8%208.9-10.5%2053.8-11.4%2058.8c-.9%204.9-6.8%2013.5-16.9%2013.5h-73.5c-13.5%200-17.2%201.8-26.5%2012.6c0%200-8.9%2011.4-89.5%20108.3c-.9.9-1.8.6-1.8-.3V75.9c0-7.7%206.8-16.6%2016.6-16.6h219c8.2%200%2015.6%207.7%2013.5%2017.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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