Ícone Foursquare Logo 2 Block
streamline-logos:foursquare-logo-2-block
O ícone Foursquare Logo 2 Block (streamline-logos:foursquare-logo-2-block) é um ícone SVG gratuito da coleção Logos free icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Logos free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Logos free icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Redes sociais
- Tags
- foursquarelogo, logoblock, foursquarelogoblock
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4zm-.498 2v7.7h1.621V7.863h3.243v-1.62H6.123V4.62h4.053V3zm.643 9.255c.51-.51 1.259-.744 2.194-.744c1.096 0 1.92.266 2.481.759c.567.5.761 1.141.761 1.672h-1.62a.59.59 0 0 0-.212-.455c-.17-.149-.56-.355-1.41-.355c-.685 0-.95.17-1.048.27c-.098.097-.168.26-.168.54c0 .137.07.333.442.617c.373.285.899.542 1.517.825l.202.092c.528.24 1.115.508 1.575.808c.488.319 1.128.86 1.128 1.711c0 1.054-.42 1.846-1.204 2.316c-.703.422-1.6.521-2.444.521c-1.561 0-3.242-1.01-3.242-2.837h1.621c0 .605.59 1.216 1.621 1.216c.777 0 1.3-.104 1.61-.29c.228-.137.416-.358.417-.924v-.001a.3.3 0 0 0-.037-.058a1.5 1.5 0 0 0-.356-.296c-.35-.229-.815-.441-1.366-.693l-.2-.091c-.598-.274-1.287-.6-1.826-1.011c-.54-.413-1.079-1.028-1.079-1.905c0-.53.133-1.178.643-1.687m10.503 8.577c.775 0 1.489-.22 2.1-.602l.771.77l1.147-1.146l-.728-.728a4.96 4.96 0 0 0 .965-2.954c0-2.487-1.823-4.661-4.255-4.661s-4.256 2.174-4.256 4.66s1.823 4.661 4.256 4.661m0-7.7c-1.373 0-2.635 1.274-2.635 3.04c0 1.765 1.262 3.039 2.635 3.039c.309 0 .612-.065.897-.185l-.958-.958l1.147-1.146l1.042 1.042a3.3 3.3 0 0 0 .506-1.792c0-1.766-1.262-3.04-2.634-3.04" clip-rule="evenodd"/></svg>
Como usar o ícone Foursquare Logo 2 Block
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:foursquare-logo-2-block" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:foursquare-logo-2-block" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:foursquare-logo-2-block" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--foursquare-logo-2-block]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:foursquare-logo-2-block"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-logos:foursquare-logo-2-block"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-logos/foursquare-logo-2-block.svg" alt="Ícone Foursquare Logo 2 Block" width="24" height="24">
Ícones relacionados em Logos free icons
Perguntas frequentes sobre Ícone Foursquare Logo 2 Block
O ícone Foursquare Logo 2 Block é grátis para uso comercial?
Sim. Logos free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Foursquare Logo 2 Block no React?
Instale @iconify/react e renderize <Icon icon="streamline-logos:foursquare-logo-2-block" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Foursquare Logo 2 Block a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-logos/foursquare-logo-2-block.svg" alt="Ícone Foursquare Logo 2 Block">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Logos free icons →
ICONYZ
