Lab Coat アイコン
fluent-emoji-flat:lab-coat
Lab Coat アイコン(fluent-emoji-flat:lab-coat)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 物
- タグ
- labcoat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#fff" stroke="#9b9b9b" d="m30.722 19.99l-6.52-12.55l-.005-.01l-.005-.008A3.8 3.8 0 0 0 20.878 5.5h-9.36a3.8 3.8 0 0 0-3.514 2.35l-6.31 12.14a1.724 1.724 0 0 0 .734 2.324l2.29 1.19a1.724 1.724 0 0 0 2.323-.732l.001-.002l.477-.9v6.932a1.7 1.7 0 0 0 1.714 1.696H22.79c.947 0 1.72-.774 1.72-1.72v-7.635l.875 1.63a1.724 1.724 0 0 0 2.322.731h.002l2.278-1.19h.001a1.724 1.724 0 0 0 .734-2.323Z"/><path fill="#00a6ed" d="M12.798 6h6.8l-3.4 8.35z"/><path fill="#d3d3d3" d="m21.718 9.17l-.51-1.93A1.66 1.66 0 0 0 19.598 6l-3.4 8.35l-3.4-8.35c-.76 0-1.42.51-1.61 1.24l-.49 1.93c-.05.18.09.36.27.36h1.13c.26 0 .38.31.2.49l-1.03.99c-.12.11-.12.3 0 .41l4.94 4.79l4.94-4.79c.12-.11.12-.3 0-.41l-1.03-.99a.284.284 0 0 1 .2-.49h1.13c.18 0 .31-.18.27-.36"/><path fill="#00a6ed" d="M15.75 30V9h1v21z"/><path fill="#d3d3d3" d="M14 24H9v-.15c0-.464.442-.85.998-.85h3.004c.545 0 .998.377.998.85zm9 0h-5v-.15c0-.464.442-.85.998-.85h3.004c.545 0 .998.377.998.85zm-1.362-3.55h-2.276c-.75 0-1.362-.632-1.362-1.406V16h5v3.044c0 .787-.613 1.406-1.363 1.406"/></g></svg>
Lab Coat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:lab-coat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:lab-coat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:lab-coat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--lab-coat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:lab-coat"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:lab-coat"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/lab-coat.svg" alt="Lab Coat アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
Lab Coat アイコン のよくある質問
Lab Coat アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lab Coat アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:lab-coat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lab Coat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/lab-coat.svg" alt="Lab Coat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
