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 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 コードをページに直接貼り付けます。