Social Foursqare アイコン
simple-line-icons:social-foursqare
Social Foursqare アイコン(simple-line-icons:social-foursqare)は、Simple line icons セットの無料 SVG アイコンです（作者: Sabbir Ahmed）。 1024 × 1024 のグリッドで描かれています。 Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple line icons
- 作者
- Sabbir Ahmed
- ライセンス
- MIT
- サイズ
- 1024 × 1024
- タグ
- socialfoursqare
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M145 75.8c.8-1.8 1.598-3.799 2.197-5.599c14.4-46.2 45.801-69.8 94.4-69.8c115.2-.2 230.4 0 345.602 0h197.8c14.4 0 28.6 1.2 42.4 5.2c29.2 8.401 46.4 30.201 50 60.201c4.2 34.2-4.2 66.8-11 99.6c-30.2 146.6-60.8 293.199-91.2 439.999c-3.4 16-7.4 31.8-15 46.399c-17.4 33.4-47.4 43.8-82.6 44.001q-75.9.3-151.8 0c-9.2 0-16.2 2.6-22.2 9.6C467.8 747.2 432 788.8 396 830.6c-50.2 58.4-100 117.2-150.8 175.2c-15.6 17.8-37 22-59.8 16.8c-21-4.8-33-19.2-38.4-39.401c-.6-2-1.4-3.8-2-5.8zm86.198 848.401c1.4-2.6 2.004-4.202 3.004-5.402c32.2-40.4 64.4-80.6 96.8-121.001c36.6-45.6 73.2-91.2 109.4-137c15.6-19.599 34.199-29.799 60.199-29.2c57.6 1.2 115.399.401 172.999.2c27.8 0 39.4-10 44.999-37.2c8.6-42.599 17.6-85.399 26-127.998c5.6-28.4-8-44.6-36.6-44.6c-62.2 0-124.4-1.8-186.4.6c-51.8 1.8-77-21-74-74.6c2.2-40.8 21.4-61.6 62.4-61.8h237.2c24.6 0 36.4-9.4 41.4-33.4c9-42.6 17.8-85.2 26.6-128c6.2-30.599-6.8-46.599-37.8-46.599h-508.4c-30.4 0-41.4 11-41.4 41.8v789.2c0 4-1.2 8.6 3.6 15z"/></svg>
Social Foursqare アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:social-foursqare" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:social-foursqare" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:social-foursqare" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--social-foursqare]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:social-foursqare"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:social-foursqare"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-line-icons/social-foursqare.svg" alt="Social Foursqare アイコン" width="24" height="24">
Simple line icons の関連アイコン
Social Foursqare アイコン のよくある質問
Social Foursqare アイコンは商用利用でも無料ですか?
はい。Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Social Foursqare アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-line-icons:social-foursqare" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Social Foursqare アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-line-icons/social-foursqare.svg" alt="Social Foursqare アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Simple line icons をすべて見る →
ICONYZ
