logo foursquare icon
logo-foursquare from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- logo-foursquare
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
- Aliases
- logo-foursquare-outline, social-foursquare
Related icons in IonIcons
logo-alipaylogo-amazonlogo-amplifylogo-androidlogo-angularlogo-appflowlogo-applelogo-apple-appstorelogo-apple-arlogo-behancelogo-bitbucketlogo-bitcoinlogo-bufferlogo-capacitorlogo-chromelogo-closed-captioninglogo-codepenlogo-css3logo-designernewslogo-deviantartlogo-discordlogo-dockerlogo-dribbblelogo-dropbox
Use the logo foursquare icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M376.76 32H138.54C105.67 32 96 56.8 96 72.41v379.64c0 17.59 9.42 24.12 14.72 26.27s19.91 4 28.67-6.17c0 0 112.47-130.89 114.4-132.83c2.92-2.93 2.92-2.93 5.84-2.93h72.77c30.58 0 35.49-21.87 38.69-34.75c2.65-10.79 32.48-164 42.45-212.56C421.14 52 411.74 32 376.76 32m-5.67 269.64c2.65-10.79 32.48-164 42.45-212.56m-50.85 7.59l-10 51.73c-1.19 5.65-8.28 11.6-14.86 11.6h-95.92c-10.44 0-17.91 6.14-17.91 16.6v13.45c0 10.47 7.52 17.89 18 17.89h81.85c7.38 0 14.61 8.11 13 16s-9.09 46.57-10 50.89s-5.84 11.72-14.61 11.72H248c-11.7 0-15.24 1.54-23.07 11.3s-78.26 94.59-78.26 94.59c-.71.82-1.41.58-1.41-.31V95.9c0-6.69 5.8-14.53 14.48-14.53h191.14a12.42 12.42 0 0 1 11.81 15.3"/></svg>
React
import type { SVGProps } from "react";
export function IonLogoFoursquare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M376.76 32H138.54C105.67 32 96 56.8 96 72.41v379.64c0 17.59 9.42 24.12 14.72 26.27s19.91 4 28.67-6.17c0 0 112.47-130.89 114.4-132.83c2.92-2.93 2.92-2.93 5.84-2.93h72.77c30.58 0 35.49-21.87 38.69-34.75c2.65-10.79 32.48-164 42.45-212.56C421.14 52 411.74 32 376.76 32m-5.67 269.64c2.65-10.79 32.48-164 42.45-212.56m-50.85 7.59l-10 51.73c-1.19 5.65-8.28 11.6-14.86 11.6h-95.92c-10.44 0-17.91 6.14-17.91 16.6v13.45c0 10.47 7.52 17.89 18 17.89h81.85c7.38 0 14.61 8.11 13 16s-9.09 46.57-10 50.89s-5.84 11.72-14.61 11.72H248c-11.7 0-15.24 1.54-23.07 11.3s-78.26 94.59-78.26 94.59c-.71.82-1.41.58-1.41-.31V95.9c0-6.69 5.8-14.53 14.48-14.53h191.14a12.42 12.42 0 0 1 11.81 15.3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M376.76 32H138.54C105.67 32 96 56.8 96 72.41v379.64c0 17.59 9.42 24.12 14.72 26.27s19.91 4 28.67-6.17c0 0 112.47-130.89 114.4-132.83c2.92-2.93 2.92-2.93 5.84-2.93h72.77c30.58 0 35.49-21.87 38.69-34.75c2.65-10.79 32.48-164 42.45-212.56C421.14 52 411.74 32 376.76 32m-5.67 269.64c2.65-10.79 32.48-164 42.45-212.56m-50.85 7.59l-10 51.73c-1.19 5.65-8.28 11.6-14.86 11.6h-95.92c-10.44 0-17.91 6.14-17.91 16.6v13.45c0 10.47 7.52 17.89 18 17.89h81.85c7.38 0 14.61 8.11 13 16s-9.09 46.57-10 50.89s-5.84 11.72-14.61 11.72H248c-11.7 0-15.24 1.54-23.07 11.3s-78.26 94.59-78.26 94.59c-.71.82-1.41.58-1.41-.31V95.9c0-6.69 5.8-14.53 14.48-14.53h191.14a12.42 12.42 0 0 1 11.81 15.3"/></svg> </template>
CSS
.icon-logo-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M376.76%2032H138.54C105.67%2032%2096%2056.8%2096%2072.41v379.64c0%2017.59%209.42%2024.12%2014.72%2026.27s19.91%204%2028.67-6.17c0%200%20112.47-130.89%20114.4-132.83c2.92-2.93%202.92-2.93%205.84-2.93h72.77c30.58%200%2035.49-21.87%2038.69-34.75c2.65-10.79%2032.48-164%2042.45-212.56C421.14%2052%20411.74%2032%20376.76%2032m-5.67%20269.64c2.65-10.79%2032.48-164%2042.45-212.56m-50.85%207.59l-10%2051.73c-1.19%205.65-8.28%2011.6-14.86%2011.6h-95.92c-10.44%200-17.91%206.14-17.91%2016.6v13.45c0%2010.47%207.52%2017.89%2018%2017.89h81.85c7.38%200%2014.61%208.11%2013%2016s-9.09%2046.57-10%2050.89s-5.84%2011.72-14.61%2011.72H248c-11.7%200-15.24%201.54-23.07%2011.3s-78.26%2094.59-78.26%2094.59c-.71.82-1.41.58-1.41-.31V95.9c0-6.69%205.8-14.53%2014.48-14.53h191.14a12.42%2012.42%200%200%201%2011.81%2015.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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M376.76%2032H138.54C105.67%2032%2096%2056.8%2096%2072.41v379.64c0%2017.59%209.42%2024.12%2014.72%2026.27s19.91%204%2028.67-6.17c0%200%20112.47-130.89%20114.4-132.83c2.92-2.93%202.92-2.93%205.84-2.93h72.77c30.58%200%2035.49-21.87%2038.69-34.75c2.65-10.79%2032.48-164%2042.45-212.56C421.14%2052%20411.74%2032%20376.76%2032m-5.67%20269.64c2.65-10.79%2032.48-164%2042.45-212.56m-50.85%207.59l-10%2051.73c-1.19%205.65-8.28%2011.6-14.86%2011.6h-95.92c-10.44%200-17.91%206.14-17.91%2016.6v13.45c0%2010.47%207.52%2017.89%2018%2017.89h81.85c7.38%200%2014.61%208.11%2013%2016s-9.09%2046.57-10%2050.89s-5.84%2011.72-14.61%2011.72H248c-11.7%200-15.24%201.54-23.07%2011.3s-78.26%2094.59-78.26%2094.59c-.71.82-1.41.58-1.41-.31V95.9c0-6.69%205.8-14.53%2014.48-14.53h191.14a12.42%2012.42%200%200%201%2011.81%2015.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/logo-foursquare.svg?color=%231a73e8&size=48
