Trumpet アイコン
fluent-emoji-high-contrast:trumpet
Trumpet アイコン(fluent-emoji-high-contrast:trumpet)は、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
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m22.104 4.745l-.09-1.88c-.04-.77.91-1.16 1.43-.6l6.34 7.01c.52.58.03 1.48-.73 1.37l-1.91-.28c-.82-.12-2.21.18-3.2.44c-.72.19-1.39.56-1.95 1.06l-.34.3c1 .29 1.92.86 2.67 1.68a5.87 5.87 0 0 1 .281 7.547l.138.153c.42.46.38 1.17-.08 1.59s-1.17.38-1.59-.08l-.079-.087l-1.427 1.292l.076.085c.42.46.38 1.17-.08 1.59s-1.17.38-1.59-.08l-.075-.084l-1.433 1.297l.078.086c.42.46.38 1.17-.08 1.59s-1.17.38-1.59-.08l-.139-.153a5.874 5.874 0 0 1-8.864-3.874l-1.924 1.74c.393.49.336 1.216-.143 1.648c-.49.45-1.26.41-1.71-.09l-1.78-1.97c-.45-.49-.41-1.26.09-1.71a1.205 1.205 0 0 1 1.643.021l4.87-4.402l-.913-1.01l-.042-.053a.74.74 0 0 1-.938-.127a.74.74 0 0 1 .05-1.04l1.49-1.35a.74.74 0 0 1 1.04.05a.74.74 0 0 1 .023.965q.024.02.047.046l.913 1.009l.597-.54l.044-.037l.793-.719l-.917-1.013l-.037-.047a.74.74 0 0 1-.943-.123a.74.74 0 0 1 .05-1.04l1.49-1.35a.74.74 0 0 1 1.04.05a.74.74 0 0 1 .027.96q.023.017.043.04l.916 1.012l1.428-1.292l-.914-1.01l-.04-.051a.74.74 0 0 1-.95-.12a.74.74 0 0 1 .05-1.04l1.49-1.35a.73.73 0 0 1 1.04.05c.243.27.251.68.03.955l.05.046l.913 1.008l3.298-2.988c.56-.51.99-1.14 1.25-1.85c.37-.97.81-2.34.77-3.17M17.023 16.37l-1.428 1.293l4.076 4.503l1.428-1.293zm5.627 2.862a3.05 3.05 0 0 0-.426-3.477v-.001h-.001a3.03 3.03 0 0 0-2.286-.997a3 3 0 0 0-1.128.231zm-4.648 4.445l-4.076-4.503l-1.433 1.297l4.076 4.503zm-3.226 2.67l-3.828-4.23a3.05 3.05 0 0 0 .436 3.457a3.04 3.04 0 0 0 3.391.773"/></svg>
Trumpet アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:trumpet" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:trumpet" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:trumpet" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--trumpet]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:trumpet"></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:trumpet"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/trumpet.svg" alt="Trumpet アイコン" width="24" height="24">
Trumpet アイコン のよくある質問
Trumpet アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Trumpet アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:trumpet" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Trumpet アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/trumpet.svg" alt="Trumpet アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
