Couch And Lamp アイコン
fluent-emoji-high-contrast:couch-and-lamp
Couch And Lamp アイコン(fluent-emoji-high-contrast:couch-and-lamp)は、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
- カテゴリ
- 物
- タグ
- couchand、andlamp、couchandlamp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M24.5 2c-.859 0-1.744.287-2.416.959C21.408 3.635 21 4.647 21 6v.035A3.5 3.5 0 0 0 18 9.5v3a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5v-3a3.5 3.5 0 0 0-3-3.465V6c0-1.147.342-1.884.791-2.334C23.244 3.213 23.86 3 24.5 3s1.256.213 1.709.666c.45.45.791 1.187.791 2.334v21.552c-.874.188-1.494.867-1.75 1.747c0 0-.25.701.25.701h4c.5 0 .25-.7.25-.7c-.256-.88-.876-1.56-1.75-1.748V6c0-1.353-.408-2.365-1.084-3.041C26.244 2.287 25.36 2 24.5 2"/><path d="M3 18a2 2 0 0 1 2-2h7.5c.364 0 .706.097 1 .268a2 2 0 0 1 1-.268H22a2 2 0 0 1 2 2v2.168c.591.281 1 .884 1 1.582V28a1 1 0 0 1-1 1v.75a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25V29H5v.75a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25V29a1 1 0 0 1-1-1v-6.25c0-.698.409-1.3 1-1.582zm19 0h-8v5h7.5v-1.25c0-.477.19-.91.5-1.225zM5.5 25v2h16v-2zm0-2H13v-5H5v2.525c.31.316.5.748.5 1.225z"/></g></svg>
Couch And Lamp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:couch-and-lamp" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:couch-and-lamp" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:couch-and-lamp" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--couch-and-lamp]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:couch-and-lamp"></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:couch-and-lamp"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/couch-and-lamp.svg" alt="Couch And Lamp アイコン" width="24" height="24">
他のアイコンセットの Couch And Lamp アイコン
Couch And Lamp アイコン のよくある質問
Couch And Lamp アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Couch And Lamp アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:couch-and-lamp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Couch And Lamp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/couch-and-lamp.svg" alt="Couch And Lamp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
