foursquare logo
foursquare from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- foursquare
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the foursquare logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m23.635 4.62l-.714 3.734c-.083.401-.594.828-1.068.828h-6.641c-.75 0-1.286.521-1.286 1.26v.818c0 .76.542 1.281 1.292 1.281h5.641c.526 0 1.047.583.927 1.141l-.714 3.677c-.068.323-.417.844-1.047.844h-4.609c-.839 0-1.089.12-1.651.802c-.563.698-5.609 6.755-5.609 6.755c-.047.063-.099.042-.099-.021V4.562c0-.479.417-1.042 1.036-1.042h13.698c.5 0 .974.474.844 1.094zm.605 14.64c.193-.771 2.328-11.714 3.042-15.182zM24.646 0H7.578C5.224 0 4.531 1.771 4.531 2.885v27.12c0 1.255.672 1.724 1.052 1.875c.38.156 1.427.281 2.057-.438c0 0 8.057-9.354 8.193-9.49c.219-.208.219-.208.422-.208h5.219c2.198 0 2.542-1.563 2.781-2.484c.198-.755 2.339-11.698 3.036-15.177C27.833 1.437 27.15 0 24.65 0z"/></svg>
React
import type { SVGProps } from "react";
export function CibFoursquare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m23.635 4.62l-.714 3.734c-.083.401-.594.828-1.068.828h-6.641c-.75 0-1.286.521-1.286 1.26v.818c0 .76.542 1.281 1.292 1.281h5.641c.526 0 1.047.583.927 1.141l-.714 3.677c-.068.323-.417.844-1.047.844h-4.609c-.839 0-1.089.12-1.651.802c-.563.698-5.609 6.755-5.609 6.755c-.047.063-.099.042-.099-.021V4.562c0-.479.417-1.042 1.036-1.042h13.698c.5 0 .974.474.844 1.094zm.605 14.64c.193-.771 2.328-11.714 3.042-15.182zM24.646 0H7.578C5.224 0 4.531 1.771 4.531 2.885v27.12c0 1.255.672 1.724 1.052 1.875c.38.156 1.427.281 2.057-.438c0 0 8.057-9.354 8.193-9.49c.219-.208.219-.208.422-.208h5.219c2.198 0 2.542-1.563 2.781-2.484c.198-.755 2.339-11.698 3.036-15.177C27.833 1.437 27.15 0 24.65 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m23.635 4.62l-.714 3.734c-.083.401-.594.828-1.068.828h-6.641c-.75 0-1.286.521-1.286 1.26v.818c0 .76.542 1.281 1.292 1.281h5.641c.526 0 1.047.583.927 1.141l-.714 3.677c-.068.323-.417.844-1.047.844h-4.609c-.839 0-1.089.12-1.651.802c-.563.698-5.609 6.755-5.609 6.755c-.047.063-.099.042-.099-.021V4.562c0-.479.417-1.042 1.036-1.042h13.698c.5 0 .974.474.844 1.094zm.605 14.64c.193-.771 2.328-11.714 3.042-15.182zM24.646 0H7.578C5.224 0 4.531 1.771 4.531 2.885v27.12c0 1.255.672 1.724 1.052 1.875c.38.156 1.427.281 2.057-.438c0 0 8.057-9.354 8.193-9.49c.219-.208.219-.208.422-.208h5.219c2.198 0 2.542-1.563 2.781-2.484c.198-.755 2.339-11.698 3.036-15.177C27.833 1.437 27.15 0 24.65 0z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m23.635%204.62l-.714%203.734c-.083.401-.594.828-1.068.828h-6.641c-.75%200-1.286.521-1.286%201.26v.818c0%20.76.542%201.281%201.292%201.281h5.641c.526%200%201.047.583.927%201.141l-.714%203.677c-.068.323-.417.844-1.047.844h-4.609c-.839%200-1.089.12-1.651.802c-.563.698-5.609%206.755-5.609%206.755c-.047.063-.099.042-.099-.021V4.562c0-.479.417-1.042%201.036-1.042h13.698c.5%200%20.974.474.844%201.094zm.605%2014.64c.193-.771%202.328-11.714%203.042-15.182zM24.646%200H7.578C5.224%200%204.531%201.771%204.531%202.885v27.12c0%201.255.672%201.724%201.052%201.875c.38.156%201.427.281%202.057-.438c0%200%208.057-9.354%208.193-9.49c.219-.208.219-.208.422-.208h5.219c2.198%200%202.542-1.563%202.781-2.484c.198-.755%202.339-11.698%203.036-15.177C27.833%201.437%2027.15%200%2024.65%200z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m23.635%204.62l-.714%203.734c-.083.401-.594.828-1.068.828h-6.641c-.75%200-1.286.521-1.286%201.26v.818c0%20.76.542%201.281%201.292%201.281h5.641c.526%200%201.047.583.927%201.141l-.714%203.677c-.068.323-.417.844-1.047.844h-4.609c-.839%200-1.089.12-1.651.802c-.563.698-5.609%206.755-5.609%206.755c-.047.063-.099.042-.099-.021V4.562c0-.479.417-1.042%201.036-1.042h13.698c.5%200%20.974.474.844%201.094zm.605%2014.64c.193-.771%202.328-11.714%203.042-15.182zM24.646%200H7.578C5.224%200%204.531%201.771%204.531%202.885v27.12c0%201.255.672%201.724%201.052%201.875c.38.156%201.427.281%202.057-.438c0%200%208.057-9.354%208.193-9.49c.219-.208.219-.208.422-.208h5.219c2.198%200%202.542-1.563%202.781-2.484c.198-.755%202.339-11.698%203.036-15.177C27.833%201.437%2027.15%200%2024.65%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/foursquare.svg?color=%231a73e8&size=48
