Foursquare Logo 2 Block アイコン
streamline-logos:foursquare-logo-2-block
Foursquare Logo 2 Block アイコン(streamline-logos:foursquare-logo-2-block)は、Logos free icons セットの無料 SVG アイコンです（作者: 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 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>
Web コンポーネント
<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 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Foursquare Logo 2 Block アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Logos free icons をすべて見る →
ICONYZ
