Иконка Foursquare Logo 2 Block

streamline-logos:foursquare-logo-2-block

Иконка Foursquare Logo 2 Block (streamline-logos:foursquare-logo-2-block) — бесплатная SVG-иконка из набора Logos free icons от Streamline. Она нарисована на сетке 24 × 24. Logos free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Logos free icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Соцсети
Теги: foursquarelogo, logoblock, foursquarelogoblock

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/streamline-logos/foursquare-logo-2-block.svg" alt="Иконка Foursquare Logo 2 Block" width="24" height="24">

Вопросы и ответы: Иконка Foursquare Logo 2 Block

Можно ли бесплатно использовать иконку Foursquare Logo 2 Block в коммерческих проектах?

Да. Logos free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Foursquare Logo 2 Block в React?

Установите @iconify/react и выведите <Icon icon="streamline-logos:foursquare-logo-2-block" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Foursquare Logo 2 Block на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-logos/foursquare-logo-2-block.svg" alt="Иконка Foursquare Logo 2 Block">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Logos free icons →