Japanese Vacancy Button アイコン
fluent-emoji-high-contrast:japanese-vacancy-button
Japanese Vacancy Button アイコン(fluent-emoji-high-contrast:japanese-vacancy-button)は、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
- カテゴリ
- 記号
- タグ
- japanesevacancy、vacancybutton、japanesevacancybutton
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M27.602 25.786v-1.144c0-.182-.026-.208-.208-.208l-.152.005c-.346.013-1.271.047-3.28.047h-6.838v-4.992h3.9c2.088 0 3.07.034 3.456.047l.184.005c.182 0 .208-.026.208-.208V18.22c0-.182-.026-.208-.208-.208l-.184.005a93 93 0 0 1-3.456.047h-8.84c-2.148 0-3.13-.035-3.488-.047l-.152-.005c-.208 0-.234.026-.234.208v1.118c0 .182.026.208.234.208l.152-.005c.357-.012 1.34-.047 3.488-.047h3.38v4.992h-6.5c-2.01 0-2.934-.034-3.28-.047l-.152-.005c-.182 0-.208.026-.208.208v1.144c0 .182.026.208.208.208l.152-.005c.346-.012 1.27-.047 3.28-.047h14.898c2.009 0 2.934.035 3.28.047l.152.005c.182 0 .208-.026.208-.208m-.728-16.77V8.21c0-.387.024-.667.04-.848q.01-.129.012-.192c0-.208-.026-.234-.208-.234l-.185.005c-.386.014-1.364.047-3.429.047h-6.032v-.962c0-.52.026-.91.13-1.17l.056-.122c.055-.115.1-.208.1-.346c0-.104-.13-.208-.312-.234a29 29 0 0 0-1.742-.13c.156.624.182 1.326.182 2.002v.962h-5.59c-2.066 0-3.043-.033-3.429-.047l-.185-.005c-.182 0-.208.026-.208.234q0 .056.01.177c.016.199.042.543.042 1.097v.78c0 1.678-.032 2.229-.046 2.463a2 2 0 0 0-.006.137c0 .182.026.208.208.208h1.196c.182 0 .208-.026.208-.208V8.366h17.628v3.068c0 .182.026.208.208.208h1.196c.182 0 .208-.026.208-.208c0-.026-.002-.06-.006-.111c-.013-.206-.046-.712-.046-2.307"/><path d="M19.126 13.176v-1.404c0-.91.026-1.274.13-1.508q.029-.066.056-.122c.055-.115.1-.208.1-.346c0-.104-.13-.208-.338-.234c-.416-.078-.962-.13-1.56-.182c.104.676.13 1.326.13 2.522v1.69c0 1.014.13 1.456.598 1.82c.494.364 1.56.52 3.25.52c1.43 0 2.6-.156 3.224-.598c.546-.416.832-.988.962-2.262c.026-.442.026-.468-.442-.624a3.6 3.6 0 0 1-.988-.52c-.026 1.274-.104 1.898-.494 2.236c-.364.312-.936.416-2.158.416c-1.17 0-1.794-.026-2.184-.286c-.26-.156-.286-.442-.286-1.118m-4.526-2.58c.151-.17.236-.267.236-.384c0-.156-.156-.26-.312-.338a10 10 0 0 0-1.482-.52a7 7 0 0 1-.312 1.742c-.754 2.496-2.704 4.03-6.552 4.836c.286.208.572.468.832.884s.312.416.754.286c3.614-1.014 5.486-2.808 6.344-5.382c.156-.468.312-.936.442-1.066z"/><path d="M1 6a5 5 0 0 1 5-5h20a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5zm5-3a3 3 0 0 0-3 3v20a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3z"/></g></svg>
Japanese Vacancy Button アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:japanese-vacancy-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:japanese-vacancy-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:japanese-vacancy-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--japanese-vacancy-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:japanese-vacancy-button"></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:japanese-vacancy-button"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/japanese-vacancy-button.svg" alt="Japanese Vacancy Button アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Japanese Vacancy Button アイコン
Japanese Vacancy Button アイコン のよくある質問
Japanese Vacancy Button アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Japanese Vacancy Button アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:japanese-vacancy-button" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Japanese Vacancy Button アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/japanese-vacancy-button.svg" alt="Japanese Vacancy Button アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
