ICONYZ
日本語
Siemens Industrial Experience Icons の Facebook Logo アイコン

Facebook Logo アイコン

ix:facebook-logo

Facebook Logo アイコン(ix:facebook-logo)は、Siemens Industrial Experience Icons セットの無料 SVG アイコンです(作者: Siemens AG)。 512 × 512 のグリッドで描かれています。 Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Siemens Industrial Experience Icons
作者
Siemens AG
ライセンス
MIT
サイズ
512 × 512
タグ
facebooklogo
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 42.667c-111.476-.174-204.29 85.51-213.011 196.644c-8.72 111.134 69.593 210.245 179.731 227.462V317.44h-54.187V256h54.187v-46.933a75.094 75.094 0 0 1 80.427-82.987a335.5 335.5 0 0 1 47.786 4.053v52.48h-26.88a30.934 30.934 0 0 0-34.773 33.28V256h59.307l-9.6 61.653H289.28v149.334c110.805-16.546 189.934-115.984 181.174-227.675S368.03 41.735 256 42.667"/></svg>

Facebook Logo アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="ix:facebook-logo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ix:facebook-logo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ix:facebook-logo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--facebook-logo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:facebook-logo"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ix:facebook-logo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ix/facebook-logo.svg" alt="Facebook Logo アイコン" width="24" height="24">

他のアイコンセットの Facebook Logo アイコン

Facebook Logo アイコン のよくある質問

Facebook Logo アイコンは商用利用でも無料ですか?

はい。Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Facebook Logo アイコンを使うには?

@iconify/react をインストールして <Icon icon="ix:facebook-logo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Facebook Logo アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ix/facebook-logo.svg" alt="Facebook Logo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Siemens Industrial Experience Icons をすべて見る →