Foursquarealt icon
whh:foursquarealt
The Foursquarealt icon (whh:foursquarealt) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1023 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1024 × 1023
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1023" viewBox="0 0 1024 1023"><path fill="currentColor" d="M1009 287L543 753q-15 15-36 15t-36-15L303 575q-15-15-15-36t15-36l72-72q15-15 36-15t36 15l65 64l352-352q15-15 36.5-15t36.5 15l72 72q15 15 15 36.5t-15 35.5m-530 95q-30-30-72.5-30T334 382l-81 80q-30 30-30 72.5t30 72.5l177 195q30 30 72.5 30t72.5-30l390-389l29 29q29 29 29 69.5T994 580L581 994q-29 29-69.5 29T443 994L29 580Q0 552 0 511.5T29 442L443 29q28-29 68.5-29T581 29l158 158l-227 227z"/></svg>How to use the Foursquarealt icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:foursquarealt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:foursquarealt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:foursquarealt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--foursquarealt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:foursquarealt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:foursquarealt"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/foursquarealt.svg" alt="Foursquarealt icon" width="24" height="24">Foursquarealt icon FAQ
Is the Foursquarealt icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Foursquarealt icon in React?
Install @iconify/react and render <Icon icon="whh:foursquarealt" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Foursquarealt icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/foursquarealt.svg" alt="Foursquarealt icon">, or paste the SVG code inline to style it with CSS.