social foursquare icon
social-foursquare-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- social-foursquare-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
social-android-outlinesocial-angular-outlinesocial-apple-outlinesocial-bitcoin-outlinesocial-buffer-outlinesocial-chrome-outlinesocial-codepen-outlinesocial-css3-outlinesocial-designernews-outlinesocial-dribbblesocial-dropbox-outlinesocial-euro-outlinesocial-facebooksocial-github-outlinesocial-googlesocial-googleplussocial-hackernews-outlinesocial-html5-outlinesocial-instagramsocial-javascript-outlinesocial-linkedin-outlinesocial-octocatsocial-pinterest-outlinesocial-reddit
Use the social foursquare icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M398.484 164.452l-27.399 137.185c1.763-7.151 15.46-76.844 27.399-137.185z" fill="currentColor"/><path d="M376.764 32H138.541C105.666 32 96 56.798 96 72.414v379.64c0 17.591 9.425 24.117 14.718 26.267 5.299 2.155 19.916 3.971 28.673-6.168 0 0 112.469-131.09 114.4-133.027 2.921-2.931 2.921-3.125 5.844-3.125h72.766c30.575 0 35.49-21.676 38.684-34.559l27.399-137.087c6.074-30.702 11.693-58.938 15.053-75.325C421.143 51.944 411.744 32 376.764 32zm-.338 64s-31.575 156.209-36.034 176.834C335 297.771 332.75 304 307 304h-62.375c-2.747 0-3.868-.147-6.049 2.041-1.443 1.447-78.168 89.562-78.168 89.562-19.034 23.396-26.909 31.795-29.033 31.795s-3.375 0-3.375-38.408V91.708C128 67.034 128.3 64 157.198 64H352c30 0 30.834.833 24.426 32z" fill="currentColor"/><path d="M398.484 164.452l15.053-75.374c-3.359 16.388-8.978 44.672-15.053 75.374z" fill="currentColor"/><path d="M328.573 96H170.578C164.091 96 160 101.594 160 106.586v231.255c0 .67.402.975.935.36 0 0 48.202-55.725 54.056-63.021 5.848-7.289 8.491-8.182 17.233-8.182h62.212c6.549 0 10.24-5.75 10.913-8.982.671-3.228 10.536-48.213 11.732-54.119 1.191-5.897-4.214-11.898-9.722-11.898h-64.805c-7.803 0-7.554-5.653-7.554-13.476v-5.512c0-7.815-.282-13.012 7.516-13.012h75.313c4.911 0 10.208-4.442 11.102-8.662l8.468-44.042c1.34-6.472-3.571-11.295-8.826-11.295z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonSocialFoursquareOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M398.484 164.452l-27.399 137.185c1.763-7.151 15.46-76.844 27.399-137.185z" fill="currentColor"/><path d="M376.764 32H138.541C105.666 32 96 56.798 96 72.414v379.64c0 17.591 9.425 24.117 14.718 26.267 5.299 2.155 19.916 3.971 28.673-6.168 0 0 112.469-131.09 114.4-133.027 2.921-2.931 2.921-3.125 5.844-3.125h72.766c30.575 0 35.49-21.676 38.684-34.559l27.399-137.087c6.074-30.702 11.693-58.938 15.053-75.325C421.143 51.944 411.744 32 376.764 32zm-.338 64s-31.575 156.209-36.034 176.834C335 297.771 332.75 304 307 304h-62.375c-2.747 0-3.868-.147-6.049 2.041-1.443 1.447-78.168 89.562-78.168 89.562-19.034 23.396-26.909 31.795-29.033 31.795s-3.375 0-3.375-38.408V91.708C128 67.034 128.3 64 157.198 64H352c30 0 30.834.833 24.426 32z" fill="currentColor"/><path d="M398.484 164.452l15.053-75.374c-3.359 16.388-8.978 44.672-15.053 75.374z" fill="currentColor"/><path d="M328.573 96H170.578C164.091 96 160 101.594 160 106.586v231.255c0 .67.402.975.935.36 0 0 48.202-55.725 54.056-63.021 5.848-7.289 8.491-8.182 17.233-8.182h62.212c6.549 0 10.24-5.75 10.913-8.982.671-3.228 10.536-48.213 11.732-54.119 1.191-5.897-4.214-11.898-9.722-11.898h-64.805c-7.803 0-7.554-5.653-7.554-13.476v-5.512c0-7.815-.282-13.012 7.516-13.012h75.313c4.911 0 10.208-4.442 11.102-8.662l8.468-44.042c1.34-6.472-3.571-11.295-8.826-11.295z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M398.484 164.452l-27.399 137.185c1.763-7.151 15.46-76.844 27.399-137.185z" fill="currentColor"/><path d="M376.764 32H138.541C105.666 32 96 56.798 96 72.414v379.64c0 17.591 9.425 24.117 14.718 26.267 5.299 2.155 19.916 3.971 28.673-6.168 0 0 112.469-131.09 114.4-133.027 2.921-2.931 2.921-3.125 5.844-3.125h72.766c30.575 0 35.49-21.676 38.684-34.559l27.399-137.087c6.074-30.702 11.693-58.938 15.053-75.325C421.143 51.944 411.744 32 376.764 32zm-.338 64s-31.575 156.209-36.034 176.834C335 297.771 332.75 304 307 304h-62.375c-2.747 0-3.868-.147-6.049 2.041-1.443 1.447-78.168 89.562-78.168 89.562-19.034 23.396-26.909 31.795-29.033 31.795s-3.375 0-3.375-38.408V91.708C128 67.034 128.3 64 157.198 64H352c30 0 30.834.833 24.426 32z" fill="currentColor"/><path d="M398.484 164.452l15.053-75.374c-3.359 16.388-8.978 44.672-15.053 75.374z" fill="currentColor"/><path d="M328.573 96H170.578C164.091 96 160 101.594 160 106.586v231.255c0 .67.402.975.935.36 0 0 48.202-55.725 54.056-63.021 5.848-7.289 8.491-8.182 17.233-8.182h62.212c6.549 0 10.24-5.75 10.913-8.982.671-3.228 10.536-48.213 11.732-54.119 1.191-5.897-4.214-11.898-9.722-11.898h-64.805c-7.803 0-7.554-5.653-7.554-13.476v-5.512c0-7.815-.282-13.012 7.516-13.012h75.313c4.911 0 10.208-4.442 11.102-8.662l8.468-44.042c1.34-6.472-3.571-11.295-8.826-11.295z" fill="currentColor"/></svg> </template>
CSS
.icon-social-foursquare-outline {
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%20d%3D%22M398.484%20164.452l-27.399%20137.185c1.763-7.151%2015.46-76.844%2027.399-137.185z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M376.764%2032H138.541C105.666%2032%2096%2056.798%2096%2072.414v379.64c0%2017.591%209.425%2024.117%2014.718%2026.267%205.299%202.155%2019.916%203.971%2028.673-6.168%200%200%20112.469-131.09%20114.4-133.027%202.921-2.931%202.921-3.125%205.844-3.125h72.766c30.575%200%2035.49-21.676%2038.684-34.559l27.399-137.087c6.074-30.702%2011.693-58.938%2015.053-75.325C421.143%2051.944%20411.744%2032%20376.764%2032zm-.338%2064s-31.575%20156.209-36.034%20176.834C335%20297.771%20332.75%20304%20307%20304h-62.375c-2.747%200-3.868-.147-6.049%202.041-1.443%201.447-78.168%2089.562-78.168%2089.562-19.034%2023.396-26.909%2031.795-29.033%2031.795s-3.375%200-3.375-38.408V91.708C128%2067.034%20128.3%2064%20157.198%2064H352c30%200%2030.834.833%2024.426%2032z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M398.484%20164.452l15.053-75.374c-3.359%2016.388-8.978%2044.672-15.053%2075.374z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M328.573%2096H170.578C164.091%2096%20160%20101.594%20160%20106.586v231.255c0%20.67.402.975.935.36%200%200%2048.202-55.725%2054.056-63.021%205.848-7.289%208.491-8.182%2017.233-8.182h62.212c6.549%200%2010.24-5.75%2010.913-8.982.671-3.228%2010.536-48.213%2011.732-54.119%201.191-5.897-4.214-11.898-9.722-11.898h-64.805c-7.803%200-7.554-5.653-7.554-13.476v-5.512c0-7.815-.282-13.012%207.516-13.012h75.313c4.911%200%2010.208-4.442%2011.102-8.662l8.468-44.042c1.34-6.472-3.571-11.295-8.826-11.295z%22%20fill%3D%22currentColor%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%20d%3D%22M398.484%20164.452l-27.399%20137.185c1.763-7.151%2015.46-76.844%2027.399-137.185z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M376.764%2032H138.541C105.666%2032%2096%2056.798%2096%2072.414v379.64c0%2017.591%209.425%2024.117%2014.718%2026.267%205.299%202.155%2019.916%203.971%2028.673-6.168%200%200%20112.469-131.09%20114.4-133.027%202.921-2.931%202.921-3.125%205.844-3.125h72.766c30.575%200%2035.49-21.676%2038.684-34.559l27.399-137.087c6.074-30.702%2011.693-58.938%2015.053-75.325C421.143%2051.944%20411.744%2032%20376.764%2032zm-.338%2064s-31.575%20156.209-36.034%20176.834C335%20297.771%20332.75%20304%20307%20304h-62.375c-2.747%200-3.868-.147-6.049%202.041-1.443%201.447-78.168%2089.562-78.168%2089.562-19.034%2023.396-26.909%2031.795-29.033%2031.795s-3.375%200-3.375-38.408V91.708C128%2067.034%20128.3%2064%20157.198%2064H352c30%200%2030.834.833%2024.426%2032z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M398.484%20164.452l15.053-75.374c-3.359%2016.388-8.978%2044.672-15.053%2075.374z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M328.573%2096H170.578C164.091%2096%20160%20101.594%20160%20106.586v231.255c0%20.67.402.975.935.36%200%200%2048.202-55.725%2054.056-63.021%205.848-7.289%208.491-8.182%2017.233-8.182h62.212c6.549%200%2010.24-5.75%2010.913-8.982.671-3.228%2010.536-48.213%2011.732-54.119%201.191-5.897-4.214-11.898-9.722-11.898h-64.805c-7.803%200-7.554-5.653-7.554-13.476v-5.512c0-7.815-.282-13.012%207.516-13.012h75.313c4.911%200%2010.208-4.442%2011.102-8.662l8.468-44.042c1.34-6.472-3.571-11.295-8.826-11.295z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/social-foursquare-outline.svg?color=%231a73e8&size=48
