ICONYZ
日本語
Fluent Emoji High Contrast の Steaming Bowl アイコン

Steaming Bowl アイコン

fluent-emoji-high-contrast:steaming-bowl

Steaming Bowl アイコン(fluent-emoji-high-contrast:steaming-bowl)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Fluent Emoji High Contrast
作者
Microsoft Corporation
ライセンス
MIT
サイズ
32 × 32
カテゴリ
飲食
タグ
steamingbowl
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M27.9 2.005L12.886 3.529a.5.5 0 0 0-.845.086l-.781.08c-.48.05-.84.48-.8.96c.04.49.46.85.94.82l.59-.03v1.583l-.61-.014c-.49-.02-.9.36-.92.85c-.02.48.35.9.83.93l.7.05v6.87h-8.3c-.38 0-.69.31-.69.69v1.66a9.15 9.15 0 0 0 5.399 8.351L7.72 28.85c-.16.58.27 1.15.88 1.15h12.68c.6 0 1.04-.57.88-1.15l-.687-2.437a9.17 9.17 0 0 0 5.407-8.349v-1.66c0-.38-.31-.69-.69-.69H14.97V9.06l1.03.074v4.342a.5.5 0 1 0 1 0v-4.27l10.97.79c.5.04.94-.35.96-.85l.04-.83c.02-.5-.38-.92-.88-.93L17 7.138v-.014a.5.5 0 0 0-1-.008l-1.03-.023a.5.5 0 0 0-.997-.022l-.983-.022V5.393l15.11-.778a.9.9 0 0 0 .85-.96l-.07-.83a.894.894 0 0 0-.98-.82m-13.93 13.71h-.98V8.916l.98.07z"/></svg>

Steaming Bowl アイコンの使い方

React

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

<Icon icon="fluent-emoji-high-contrast:steaming-bowl" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-high-contrast:steaming-bowl" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-high-contrast:steaming-bowl" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--steaming-bowl]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:steaming-bowl"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji-high-contrast:steaming-bowl"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/steaming-bowl.svg" alt="Steaming Bowl アイコン" width="24" height="24">

他のアイコンセットの Steaming Bowl アイコン

Steaming Bowl アイコン のよくある質問

Steaming Bowl アイコンは商用利用でも無料ですか?

はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Steaming Bowl アイコンを使うには?

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

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

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

Fluent Emoji High Contrast アイコン をすべて見る →