Right Anger Bubble アイコン
fluent-emoji-high-contrast:right-anger-bubble
Right Anger Bubble アイコン(fluent-emoji-high-contrast:right-anger-bubble)は、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
- カテゴリ
- スマイリー・感情
- タグ
- rightanger、angerbubble、rightangerbubble
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M11.146 4.663a2 2 0 0 1 2.683-.272l2.173 1.615l2.175-1.603a2 2 0 0 1 2.673.271L22.945 7H26a2 2 0 0 1 2 2v2.535l2.297 1.936a2 2 0 0 1 0 3.058L28 18.465V21a2 2 0 0 1-2 2h-3.103l-2.106 2.357a2 2 0 0 1-2.502.393l-2.257-1.322l-4.929 3.26C9.773 28.568 8 27.614 8 26.02V23H6a2 2 0 0 1-2-2v-2.536l-2.292-1.936a2 2 0 0 1 0-3.056L4 11.536V9a2 2 0 0 1 2-2h3.053zM14.81 7.61l-2.174-1.614l-2.093 2.337A2 2 0 0 1 9.053 9H6v2.536a2 2 0 0 1-.71 1.527L3 15l2.29 1.937A2 2 0 0 1 6 18.464V21h2a2 2 0 0 1 2 2v3.02l4.929-3.26a2 2 0 0 1 2.114-.058l2.257 1.322l2.106-2.357A2 2 0 0 1 22.897 21H26v-2.535a2 2 0 0 1 .711-1.53L29.008 15l-2.297-1.936A2 2 0 0 1 26 11.535V9h-3.055a2 2 0 0 1-1.486-.661l-2.095-2.326l-2.175 1.603a2 2 0 0 1-2.38-.005"/></svg>
Right Anger Bubble アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:right-anger-bubble" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:right-anger-bubble" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:right-anger-bubble" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--right-anger-bubble]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:right-anger-bubble"></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:right-anger-bubble"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/right-anger-bubble.svg" alt="Right Anger Bubble アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Right Anger Bubble アイコン
Right Anger Bubble アイコン のよくある質問
Right Anger Bubble アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Right Anger Bubble アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:right-anger-bubble" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Right Anger Bubble アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/right-anger-bubble.svg" alt="Right Anger Bubble アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
