Foursquare Logo 2 Solid アイコン
streamline-logos:foursquare-logo-2-solid
Foursquare Logo 2 Solid アイコン(streamline-logos:foursquare-logo-2-solid)は、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、logosolid、foursquarelogosolid
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="M3 1h7v2H5v2h4v2H5v3.5H3zm.793 11.418c.629-.629 1.553-.918 2.707-.918c1.352 0 2.37.329 3.06.937c.7.616.94 1.408.94 2.063h-2a.73.73 0 0 0-.26-.562c-.21-.184-.692-.438-1.74-.438c-.846 0-1.172.21-1.293.332c-.121.121-.207.322-.207.668c0 .17.087.41.545.76c.46.352 1.109.669 1.872 1.018l.248.114c.652.297 1.376.626 1.944.997c.602.393 1.391 1.06 1.391 2.111c0 1.3-.518 2.277-1.486 2.858c-.867.52-1.972.642-3.014.642c-1.927 0-4-1.246-4-3.5h2c0 .746.727 1.5 2 1.5c.958 0 1.603-.128 1.986-.358c.281-.168.513-.441.514-1.14v-.001a.3.3 0 0 0-.046-.072c-.07-.089-.203-.212-.438-.365c-.432-.282-1.006-.544-1.686-.855l-.247-.112c-.737-.338-1.588-.74-2.253-1.248C3.663 16.34 3 15.581 3 14.5c0-.654.164-1.453.793-2.082M13.5 17.25c0-2.179 1.557-3.75 3.25-3.75S20 15.071 20 17.25a4.1 4.1 0 0 1-.624 2.212l-1.169-1.169l-1.414 1.414l1.064 1.065A2.8 2.8 0 0 1 16.75 21c-1.693 0-3.25-1.571-3.25-3.75m5.842 5.007A4.87 4.87 0 0 1 16.75 23c-3.001 0-5.25-2.682-5.25-5.75s2.249-5.75 5.25-5.75S22 14.182 22 17.25c0 1.357-.44 2.638-1.19 3.646l.897.897l-1.414 1.414z" clip-rule="evenodd"/></svg>
Foursquare Logo 2 Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:foursquare-logo-2-solid" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:foursquare-logo-2-solid" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:foursquare-logo-2-solid" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--foursquare-logo-2-solid]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:foursquare-logo-2-solid"></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-solid"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-logos/foursquare-logo-2-solid.svg" alt="Foursquare Logo 2 Solid アイコン" width="24" height="24">
Foursquare Logo 2 Solid アイコン のよくある質問
Foursquare Logo 2 Solid アイコンは商用利用でも無料ですか?
はい。Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Foursquare Logo 2 Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-logos:foursquare-logo-2-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Foursquare Logo 2 Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-logos/foursquare-logo-2-solid.svg" alt="Foursquare Logo 2 Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Logos free icons をすべて見る →
ICONYZ
