Meet Now 48 Filled アイコン
fluent:meet-now-48-filled
Meet Now 48 Filled アイコン(fluent:meet-now-48-filled)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 48 × 48 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 48 × 48
- タグ
- meetnow、nowfilled、meetnowfilled
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="m13.883 8.828l.027-.015q.037-.022.121-.066q.169-.092.515-.256c.461-.216 1.15-.51 2.037-.805A23.6 23.6 0 0 1 24 6.5c3.09 0 5.643.594 7.417 1.186c.887.295 1.576.59 2.037.805a12 12 0 0 1 .636.322l.025.014h.001l.001.001h.002a1.25 1.25 0 0 0 1.709-.444a1.26 1.26 0 0 0-.446-1.712l-.002-.002l-.005-.003l-.015-.008a6 6 0 0 0-.22-.12a14 14 0 0 0-.625-.311a22 22 0 0 0-2.307-.914A26 26 0 0 0 24 4c-3.41 0-6.232.656-8.208 1.314c-.988.33-1.768.66-2.307.914a14 14 0 0 0-.845.43l-.015.01l-.005.002l-.002.002s.18-.1-.002 0a1.25 1.25 0 0 0 1.267 2.156M8 17.058a4.56 4.56 0 0 1 4.559-4.558H25.44A4.56 4.56 0 0 1 30 17.059V30.94a4.56 4.56 0 0 1-4.559 4.559H12.56A4.56 4.56 0 0 1 8 30.941zm24 10.496l6.14 5.041c1.142.938 2.86.125 2.86-1.352V16.758c0-1.478-1.718-2.29-2.86-1.353L32 20.445zM13.883 39.172a1.25 1.25 0 0 0-1.267 2.156c.289.158.002 0 .002 0l.002.002l.005.003l.015.008l.049.028l.17.093c.147.077.357.184.626.31c.54.253 1.319.584 2.307.914A26 26 0 0 0 24 44c3.41 0 6.232-.656 8.208-1.314a22 22 0 0 0 2.307-.913a14 14 0 0 0 .796-.404l.05-.028l.014-.008l.005-.003l.002-.002h.002a1.25 1.25 0 0 0-1.266-2.157v.001h-.002v.001l-.026.014l-.12.066q-.17.092-.516.256c-.461.216-1.15.51-2.037.805A23.6 23.6 0 0 1 24 41.5c-3.09 0-5.643-.594-7.417-1.186a19 19 0 0 1-2.037-.805a12 12 0 0 1-.636-.322z"/></svg>
Meet Now 48 Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:meet-now-48-filled" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:meet-now-48-filled" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:meet-now-48-filled" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--meet-now-48-filled]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:meet-now-48-filled"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:meet-now-48-filled"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/meet-now-48-filled.svg" alt="Meet Now 48 Filled アイコン" width="24" height="24">
Fluent UI System Icons の関連アイコン
Meet Now 48 Filled アイコン のよくある質問
Meet Now 48 Filled アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Meet Now 48 Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:meet-now-48-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Meet Now 48 Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/meet-now-48-filled.svg" alt="Meet Now 48 Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI System Icons をすべて見る →
ICONYZ
