Meta Logo Light アイコン
ph:meta-logo-light
Meta Logo Light アイコン(ph:meta-logo-light)は、Phosphor セットの無料 SVG アイコンです（作者: Phosphor Icons）。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Phosphor
- 作者
- Phosphor Icons
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- updated、facebook、logos、social media、metalogo、logolight、metalogolight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M238 149.31c0 15.75-3.07 29.17-8.88 38.81c-7.05 11.7-18 17.88-31.68 17.88c-26.74 0-46.3-36.51-67-75.17C113.14 98.57 93.55 62 74 62c-23.28 0-44 48.83-44 87.31c0 13.57 2.48 24.84 7.16 32.62c4.9 8.12 11.9 12.07 21.4 12.07c16.16 0 32.31-25.06 46-49.57a6 6 0 0 1 10.44 5.84C100 177.23 82 206 58.56 206c-13.67 0-24.63-6.18-31.68-17.88c-5.81-9.64-8.88-23.06-8.88-38.81C18 108.82 39.81 50 74 50c26.74 0 46.3 36.51 67 75.17c17.29 32.26 36.88 68.83 56.44 68.83c9.5 0 16.5-3.95 21.4-12.07c4.68-7.78 7.16-19.05 7.16-32.62C226 110.83 205.29 62 182 62c-9 0-18.91 7.76-30.14 23.73a6 6 0 0 1-9.82-6.91C150.75 66.45 164.37 50 182 50c34.19 0 56 58.82 56 99.31"/></svg>Meta Logo Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ph:meta-logo-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:meta-logo-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:meta-logo-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--meta-logo-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:meta-logo-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:meta-logo-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ph/meta-logo-light.svg" alt="Meta Logo Light アイコン" width="24" height="24">Phosphor の関連アイコン
Meta Logo Light アイコン のよくある質問
Meta Logo Light アイコンは商用利用でも無料ですか?
はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Meta Logo Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="ph:meta-logo-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Meta Logo Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ph/meta-logo-light.svg" alt="Meta Logo Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。