Ícone Desktop Monitor
streamline-freehand-color:desktop-monitor
O ícone Desktop Monitor (streamline-freehand-color:desktop-monitor) é um ícone SVG gratuito da coleção Freehand color icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Freehand color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Computadores, dispositivos e eletrônicos
- Tags
- desktopmonitor
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#020202" d="M14.538 19.29c.14.59.2 1.24.37 1.85q.079.265.19.519h-3.93c-.68 0-1.46.08-2.2.16c.1-.25.2-.49.28-.74c.16-.45.26-.92.39-1.38l.19-1.08l3.47.11h1.15q.06.28.09.56M.78 11.31V9.062q.02-.841.16-1.67c.12-.84.31-1.66.48-2.52q.096-.729.29-1.439a2 2 0 0 1 .41-.77a.304.304 0 0 0-.45-.41a2.8 2.8 0 0 0-.56 1q-.206.736-.33 1.49c-.19.87-.39 1.7-.54 2.54A14 14 0 0 0 0 9.011v2.299c0 .78 0 1.55.08 2.3a7.65 7.65 0 0 0 .84 3.229a2.77 2.77 0 0 0 2 1.44q.455.078.92.1c.68 0 1.45 0 1.999.1q.797.09 1.6.09h1.61c-.1.27-.18.55-.28.82c-.12.46-.27.91-.38 1.37s-.15.74-.23 1.109q-.497.086-1 .11a4.1 4.1 0 0 1-1.16-.05a.3.3 0 1 0-.16.58c.408.131.832.208 1.26.23h5.219c.76 0 1.52-.06 2.29-.11l1.1-.07h.14l.94-.06l.909-.06a.343.343 0 0 0 .4-.27a.34.34 0 0 0-.147-.35a.3.3 0 0 0-.123-.05l-1-.05h-.83l-.55-2.62c0-.13-.09-.27-.14-.42h3.34q1 .054 2 0a3.3 3.3 0 0 0 1-.24a2.25 2.25 0 0 0 1.06-1.05c.362-.86.61-1.764.739-2.689a21 21 0 0 0 .55-4.529a37 37 0 0 0-.2-4.45a13 13 0 0 0-.27-2.369a2.05 2.05 0 0 0-.66-1.08a2.3 2.3 0 0 0-.9-.43a15 15 0 0 0-1.88-.24c-.71-.1-1.43-.15-2.159-.19c-1.65-.07-3.32 0-5-.11a26 26 0 0 0-2.939 0c-1.45 0-2.9.15-4.369.28l-3 .36a.342.342 0 1 0 .08.68l3-.31c1.46-.1 2.89-.19 4.33-.21c.95 0 1.899 0 2.869.08c1.63.11 3.3.1 4.999.2q1.04.052 2.07.21c.43.06 1 .08 1.54.19c.264.038.515.141.73.3c.223.233.358.538.38.86q.125.946.14 1.9q.187 2.16.14 4.329q-.052 1.351-.25 2.69l-.13.71c0 .28-.11.56-.17.84a15 15 0 0 1-.51 2.129a1.4 1.4 0 0 1-.64.82a2.4 2.4 0 0 1-.88.16h-1.64l-5.38.09l-3.599-.12c-.77 0-1.55.06-2.32.07c-.5 0-1 0-1.499-.06l-2.88-.13a1.88 1.88 0 0 1-1.34-1c-.73-1.21-.83-3.43-.88-5.06"/><path fill="#0c6fff" d="M12.678 14.8c-.8-.5-2.14.47-1.34 1.27q.14.136.31.23a1.08 1.08 0 0 0 1.23-.12a.91.91 0 0 0-.2-1.38M2.59 13.91h2.78c1.529.1 3.049.1 4.568.1c1.52 0 3.06-.05 4.59-.11c1.75-.11 3.499-.29 5.239-.36h.74c1.3.06 1.82-.69 0-.82h-.75c-1.76 0-3.51.07-5.27.09s-3.649.07-5.469.12c-1.22 0-2.44.09-3.659.15c-.92 0-1.83.12-2.74.18c-1.33.08-1.26.75-.03.65"/></g></svg>Como usar o ícone Desktop Monitor
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:desktop-monitor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:desktop-monitor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:desktop-monitor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--desktop-monitor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:desktop-monitor"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:desktop-monitor"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/desktop-monitor.svg" alt="Ícone Desktop Monitor" width="24" height="24">Ícones relacionados em Freehand color icons
O ícone Desktop Monitor em outras coleções
Perguntas frequentes sobre Ícone Desktop Monitor
O ícone Desktop Monitor é grátis para uso comercial?
Sim. Freehand color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Desktop Monitor no React?
Instale @iconify/react e renderize <Icon icon="streamline-freehand-color:desktop-monitor" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Desktop Monitor a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/desktop-monitor.svg" alt="Ícone Desktop Monitor">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.