ICONYZ
日本語
Fluent Emoji High Contrast の Billed Cap アイコン

Billed Cap アイコン

fluent-emoji-high-contrast:billed-cap

Billed Cap アイコン(fluent-emoji-high-contrast:billed-cap)は、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
カテゴリ
物
タグ
billedcap
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" fill-rule="evenodd" d="M23.015 4.134a2.9 2.9 0 0 0-1.184-.118a2.97 2.97 0 0 0-1.898.974h-2.786c-5.469 0-9.902 4.48-9.902 10.005v.84L1.347 19.24c-1.175.63-1.415 1.834-1.333 2.64c.078.768.425 1.459.801 1.981C1.56 24.896 2.961 26 4.77 26c1.918 0 3.392-1.001 4.3-1.618l.112-.075q.26-.176.464-.31q.255.167.552.366l.114.076C11.84 25.46 14.143 27 17.147 27c3.528 0 5.943-2.189 7.751-4.002h4.131c1.641 0 2.971-1.344 2.971-3.001v-3.002c0-4.487-2.437-8.396-6.04-10.456a2.99 2.99 0 0 0-1.999-2.11zM9.689 21.708c-2.42-1.209-5.551-1.176-7.395-.71l6.918-3.995c1.508.026 3.006.117 4.496.333c3.355.486 6.673 1.607 9.992 4.043c-1.858 1.866-3.771 3.62-6.553 3.62c-2.403 0-4.276-1.25-5.857-2.305a59 59 0 0 0-.605-.4q-.24-.156-.47-.296a7 7 0 0 0-.526-.29m-.464-6.706c1.857.031 3.728.158 5.609.489c3.84.676 7.72 2.204 11.59 5.506h2.605c.547 0 .99-.448.99-1v-3.002a10.01 10.01 0 0 0-6.045-9.217a9.8 9.8 0 0 0-3.856-.787h-2.971c-4.375 0-7.922 3.583-7.922 8.004z" clip-rule="evenodd"/></svg>

Billed Cap アイコンの使い方

React

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

<Icon icon="fluent-emoji-high-contrast:billed-cap" width="24" />

Vue

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

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

Svelte

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

<Icon icon="fluent-emoji-high-contrast:billed-cap" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:billed-cap"></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:billed-cap"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/billed-cap.svg" alt="Billed Cap アイコン" width="24" height="24">

他のアイコンセットの Billed Cap アイコン

Billed Cap アイコン のよくある質問

Billed Cap アイコンは商用利用でも無料ですか?

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

React で Billed Cap アイコンを使うには?

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

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

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

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