foursquare logo

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

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

The same logo in other sets

foursquareBoxicons Brands foursquareCoreUI Brands foursquareFont Awesome 6 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 640 640"><path fill="currentColor" d="M459.1 67H185.9c-37.5 0-49.9 28.3-49.9 46.1v433.8c0 20.3 12.1 27.7 18.2 30.1c6.2 2.5 22.8 4.6 32.9-7.1C316 420.5 318.2 418 318.2 418c3.1-3.4 3.4-3.1 6.8-3.1h83.4c35.1 0 40.6-25.2 44.3-39.7l48.6-243c8.5-42.4-2.2-65.2-42.2-65.2m-16.3 73.8l-11.4 59.7c-1.2 6.5-9.5 13.2-16.9 13.2H308.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-.3V139.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 Fa7BrandsFoursquare(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="M459.1 67H185.9c-37.5 0-49.9 28.3-49.9 46.1v433.8c0 20.3 12.1 27.7 18.2 30.1c6.2 2.5 22.8 4.6 32.9-7.1C316 420.5 318.2 418 318.2 418c3.1-3.4 3.4-3.1 6.8-3.1h83.4c35.1 0 40.6-25.2 44.3-39.7l48.6-243c8.5-42.4-2.2-65.2-42.2-65.2m-16.3 73.8l-11.4 59.7c-1.2 6.5-9.5 13.2-16.9 13.2H308.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-.3V139.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 640 640"><path fill="currentColor" d="M459.1 67H185.9c-37.5 0-49.9 28.3-49.9 46.1v433.8c0 20.3 12.1 27.7 18.2 30.1c6.2 2.5 22.8 4.6 32.9-7.1C316 420.5 318.2 418 318.2 418c3.1-3.4 3.4-3.1 6.8-3.1h83.4c35.1 0 40.6-25.2 44.3-39.7l48.6-243c8.5-42.4-2.2-65.2-42.2-65.2m-16.3 73.8l-11.4 59.7c-1.2 6.5-9.5 13.2-16.9 13.2H308.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-.3V139.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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M459.1%2067H185.9c-37.5%200-49.9%2028.3-49.9%2046.1v433.8c0%2020.3%2012.1%2027.7%2018.2%2030.1c6.2%202.5%2022.8%204.6%2032.9-7.1C316%20420.5%20318.2%20418%20318.2%20418c3.1-3.4%203.4-3.1%206.8-3.1h83.4c35.1%200%2040.6-25.2%2044.3-39.7l48.6-243c8.5-42.4-2.2-65.2-42.2-65.2m-16.3%2073.8l-11.4%2059.7c-1.2%206.5-9.5%2013.2-16.9%2013.2H308.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-.3V139.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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M459.1%2067H185.9c-37.5%200-49.9%2028.3-49.9%2046.1v433.8c0%2020.3%2012.1%2027.7%2018.2%2030.1c6.2%202.5%2022.8%204.6%2032.9-7.1C316%20420.5%20318.2%20418%20318.2%20418c3.1-3.4%203.4-3.1%206.8-3.1h83.4c35.1%200%2040.6-25.2%2044.3-39.7l48.6-243c8.5-42.4-2.2-65.2-42.2-65.2m-16.3%2073.8l-11.4%2059.7c-1.2%206.5-9.5%2013.2-16.9%2013.2H308.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-.3V139.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/fa7-brands/foursquare.svg?color=%231a73e8&size=48