Desktop Computer アイコン
fluent-emoji-flat:desktop-computer
Desktop Computer アイコン(fluent-emoji-flat:desktop-computer)は、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
- カテゴリ
- 物
- タグ
- desktopcomputer
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="M26.37 26H5.63c-.35 0-.63.28-.63.63v2.74c0 .35.28.63.63.63h20.74c.35 0 .63-.28.63-.63v-2.74c0-.35-.28-.63-.63-.63"/><path fill="#bebebe" d="M8.173 23H9v.29c0 .39.32.71.712.71h12.567c.4 0 .721-.32.721-.71V23h.827c.653 0 1.173-.39 1.173-.88V17h-2v4H9v-4H7v5.12c0 .49.52.88 1.173.88M5.63 25h20.74c.35 0 .63.28.63.63v2.74c0 .35-.28.63-.63.63H5.63c-.35 0-.63-.28-.63-.63v-2.74c0-.35.28-.63.63-.63"/><path fill="#7167a4" d="M29 19H3c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h26c.55 0 1 .45 1 1v15c0 .55-.45 1-1 1"/><path fill="#26c9fc" d="M3 17.75V3.25c0-.14.11-.25.25-.25h25.5c.14 0 .25.11.25.25v14.5c0 .14-.11.25-.25.25H3.25c-.14 0-.25-.11-.25-.25"/><path fill="#9b9b9b" d="M7 19h2v1H7zm-.12 6.75h-.76c-.06 0-.12.06-.12.13v.75c0 .07.06.12.12.12h.75c.07 0 .12-.06.12-.12v-.75a.116.116 0 0 0-.11-.13m1.72 0h-.75c-.07 0-.12.06-.12.12v.75c0 .07.06.12.12.12h.75c.07 0 .12-.06.12-.12v-.75c.01-.06-.05-.12-.12-.12m.98 0h.75c.07 0 .12.06.12.12v.75c0 .06-.05.12-.12.12h-.75c-.06 0-.12-.05-.12-.12v-.75c0-.06.05-.12.12-.12m2.48 0h-.75c-.07 0-.12.06-.12.12v.75c0 .07.06.12.12.12h.75c.07 0 .12-.06.12-.12v-.75c0-.06-.05-.12-.12-.12m.97 0h.75c.07 0 .13.06.12.12v.75c0 .06-.05.12-.12.12h-.75c-.06 0-.12-.05-.12-.12v-.75c0-.06.05-.12.12-.12m2.48 0h-.75c-.07 0-.12.06-.12.12v.75c0 .07.06.12.12.12h.75c.07 0 .12-.06.12-.12v-.75c.01-.06-.05-.12-.12-.12m.98 0h.75c.07 0 .12.06.12.12v.75c0 .06-.05.12-.12.12h-.75c-.06 0-.12-.05-.12-.12v-.75c0-.06.05-.12.12-.12m2.48 0h-.75c-.07 0-.12.06-.12.12v.75c0 .07.06.12.12.12h.75c.07 0 .12-.06.12-.12v-.75c0-.06-.06-.12-.12-.12m.97 0h.75c.07 0 .13.06.12.12v.75c0 .06-.05.12-.12.12h-.75c-.06 0-.12-.05-.12-.12v-.75c0-.06.05-.12.12-.12m2.48 0h-.75c-.07 0-.12.06-.12.12v.75c0 .07.06.12.12.12h.75c.07 0 .12-.06.12-.12v-.75c.01-.06-.05-.12-.12-.12m.98 0h.75c.07 0 .12.06.12.12v.75c0 .06-.05.12-.12.12h-.75c-.06 0-.12-.05-.12-.12v-.75c0-.06.05-.12.12-.12m2.48 0h-.75c-.07 0-.12.06-.12.12v.75c0 .07.06.12.12.12h.75c.07 0 .12-.06.12-.12v-.75c0-.06-.06-.12-.12-.12m-19.76 1.5h.76c.06 0 .12.06.11.13v.75c0 .06-.05.12-.12.12h-.75c-.06 0-.12-.05-.12-.12v-.75c0-.07.06-.13.12-.13m2.48 0h-.75c-.07 0-.12.06-.12.12v.75c0 .07.06.12.12.12h.75c.07 0 .12-.06.12-.12v-.75c.01-.06-.05-.12-.12-.12m.98 0h.75c.07 0 .12.06.12.12v.75c0 .06-.05.12-.12.12h-.75c-.06 0-.12-.05-.12-.12v-.75c0-.06.05-.12.12-.12m2.48 0h-.75c-.07 0-.12.06-.12.12v.75c0 .07.06.12.12.12h.75c.07 0 .12-.06.12-.12v-.75c0-.06-.05-.12-.12-.12m.98 0h5.9c.07 0 .12.06.12.12v.75c0 .06-.05.12-.12.12h-5.9c-.06 0-.12-.05-.12-.12v-.75c0-.06.05-.12.12-.12m7.65 0h-.75c-.07 0-.12.06-.12.12v.75c0 .07.06.12.12.12h.75c.07 0 .12-.06.12-.12v-.75c.01-.06-.05-.12-.12-.12m.98 0h.75c.07 0 .13.06.12.12v.75c0 .06-.05.12-.12.12h-.75c-.06 0-.12-.05-.12-.12v-.75c0-.06.05-.12.12-.12m2.48 0h-.75c-.07 0-.12.06-.12.12v.75c0 .07.06.12.12.12h.75c.07 0 .12-.06.12-.12v-.75c0-.06-.05-.12-.12-.12m.98 0h.75c.06 0 .12.06.12.12v.75c0 .06-.05.12-.12.12h-.75c-.06 0-.12-.05-.12-.12v-.75c0-.06.05-.12.12-.12M25 19h-2v1h2z"/></g></svg>
Desktop Computer アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:desktop-computer" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:desktop-computer" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:desktop-computer" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--desktop-computer]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:desktop-computer"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:desktop-computer"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/desktop-computer.svg" alt="Desktop Computer アイコン" width="24" height="24">
他のアイコンセットの Desktop Computer アイコン
Desktop Computer アイコン のよくある質問
Desktop Computer アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Desktop Computer アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:desktop-computer" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Desktop Computer アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/desktop-computer.svg" alt="Desktop Computer アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
