Иконка Desktop Computer
fluent-emoji-flat:desktop-computer
Иконка Desktop Computer (fluent-emoji-flat:desktop-computer) — бесплатная SVG-иконка из набора Fluent Emoji Flat от 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>
Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Desktop Computer в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji Flat →
ICONYZ
